:root{--ink:#eaf7ff;--muted:#91a9ba;--bg:#06101b;--panel:#0b1b2a;--panel-2:#102437;--line:#203d52;--cyan:#20c9df;--cyan-2:#72e5f0;--green:#35d39a;--amber:#ffbf47;--danger:#ff6b7a;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0,#0a657044,transparent 27rem),radial-gradient(circle at 92% 18%,#184b7b55,transparent 31rem),var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.7}button,input{font:inherit}.portal-shell{width:min(1480px,calc(100% - 32px));margin:auto;padding:24px 0 64px}.portal-topbar{position:sticky;top:14px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;margin-bottom:26px;background:rgba(7,19,31,.82);border:1px solid rgba(92,162,194,.22);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.portal-brand{display:flex;align-items:center;gap:13px}.portal-brand img{width:54px;height:54px;object-fit:contain}.portal-brand strong{display:block;font-size:1.04rem}.portal-brand span,.muted{color:var(--muted);font-size:.87rem}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 15px;border:1px solid var(--line);border-radius:12px;background:#0c1c2b;color:var(--ink);text-decoration:none;cursor:pointer;transition:.2s ease}.icon-btn:hover,.btn:hover{transform:translateY(-2px);border-color:#4b839f;color:#fff}.btn-primary{background:linear-gradient(135deg,#12bcd3,#137aa3);border-color:transparent;color:#031018;font-weight:800}.btn-outline{background:transparent}.btn-danger{color:#ffabb3;border-color:#7d3440}.btn-warning{color:#ffe2a5;border-color:#7a5e24}.btn-sm{min-height:34px;padding:5px 10px;font-size:.83rem}.hero-admin{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;align-items:stretch;margin-bottom:20px}.hero-copy,.migration-card,.panel,.center-card,.login-card,.login-aside{background:linear-gradient(145deg,rgba(15,36,54,.95),rgba(8,24,38,.95));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-copy{position:relative;overflow:hidden;padding:28px}.hero-copy:after{content:"";position:absolute;inset:auto -5rem -8rem auto;width:18rem;height:18rem;border-radius:50%;background:#18bbcf22;filter:blur(3px)}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--cyan-2);font-weight:800;font-size:.78rem;letter-spacing:.04em}.hero-copy h1{margin:8px 0 6px;font-size:clamp(1.65rem,3vw,2.55rem)}.hero-copy p{margin:0;color:#afc5d2;max-width:760px}.migration-card{padding:24px;display:flex;flex-direction:column;justify-content:center}.migration-card strong{font-size:1.1rem}.status-line{display:flex;align-items:center;gap:8px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(53,211,154,.6);animation:pulse 2s infinite}.pulse.idle{background:#718596;animation:none}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stat{position:relative;overflow:hidden;padding:18px;background:rgba(12,30,46,.88);border:1px solid var(--line);border-radius:18px}.stat i{font-size:1.5rem;color:var(--cyan)}.stat strong{display:block;margin-top:10px;font-size:1.45rem}.stat span{color:var(--muted);font-size:.84rem}.workspace-grid{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.workspace-main{min-width:0}.workspace-side{position:sticky;top:112px}.panel{padding:22px;margin-bottom:20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title h2,.panel-title h3{margin:0;font-size:1.15rem}.panel-title p{margin:3px 0 0;color:var(--muted);font-size:.86rem}.section-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#18c4da1a;color:var(--cyan);font-size:1.35rem}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.field{grid-column:span 4}.field.half{grid-column:span 6}.field.full{grid-column:1/-1}.field.compact{grid-column:span 3}.field label{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#dcecf5;font-size:.84rem;font-weight:700}.field small{display:block;margin-top:5px;color:#7792a6;font-size:.72rem}.control{width:100%;min-height:44px;padding:9px 12px;background:#071522;border:1px solid #29485f;border-radius:11px;color:#fff;outline:0;transition:.2s}.control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #20c9df1c}.control::placeholder{color:#5e788b}.ltr{direction:ltr;text-align:left}.form-actions{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:4px}.check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--cyan)}.notice{margin-bottom:16px;padding:13px 16px;border-radius:14px;border:1px solid}.notice.success{background:#163a2d;border-color:#286449;color:#c8f6df}.notice.error{background:#452029;border-color:#783747;color:#ffd6dc}.searchbar{position:relative}.searchbar i{position:absolute;right:14px;top:13px;color:#7891a4}.searchbar .control{padding-right:42px}.center-list{display:grid;gap:18px}.center-card{overflow:hidden;scroll-margin-top:116px}.center-head{display:flex;justify-content:space-between;gap:18px;padding:20px 22px;background:linear-gradient(90deg,#10283d,#0a1b2b)}.center-identity{display:flex;gap:14px;align-items:center}.center-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#1bd0df,#17678e);color:#03131c;font-weight:900;font-size:1.1rem}.center-name h3{margin:0 0 3px;font-size:1.14rem}.badges{display:flex;gap:7px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#1b3448;color:#bcd3e0;font-size:.72rem}.badge.ok{background:#153e31;color:#8ff0c2}.badge.off{background:#3c2830;color:#ffb3bd}.center-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.center-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.center-metric{padding:14px 18px;background:#0a1a29}.center-metric strong{display:block;font-size:1rem}.center-metric span{color:var(--muted);font-size:.75rem}.login-link{padding:16px 22px;background:#071522}.login-link label{display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}.copy-line{display:flex;gap:8px}.copy-line .control{min-height:40px}.details{border-bottom:1px solid var(--line)}.details:last-child{border-bottom:0}.details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;cursor:pointer;font-weight:800}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"\ea5f";font-family:"tabler-icons";color:var(--cyan);transition:.2s}.details[open] summary:after{transform:rotate(180deg)}.details-body{padding:2px 22px 22px}.storage-state{display:flex;gap:10px;align-items:center;padding:10px 12px;margin-bottom:14px;border-radius:12px;background:#081724;color:var(--muted);font-size:.82rem}.progress{height:7px;margin-top:8px;background:#06101a;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit}.empty-state{text-align:center;padding:44px 20px;color:var(--muted)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,560px) minmax(380px,1fr);gap:0}.login-card{margin:auto;width:min(460px,calc(100% - 40px));padding:34px}.login-logo{width:72px;height:72px;object-fit:contain}.login-card h1{margin:18px 0 5px;font-size:1.6rem}.login-card p{margin:0 0 24px;color:var(--muted)}.login-aside{margin:24px 24px 24px 0;padding:54px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.login-aside:before{content:"";position:absolute;inset:8% 8% auto auto;width:330px;height:330px;border:1px solid #37d8e744;border-radius:50%;box-shadow:0 0 0 55px #37d8e70a,0 0 0 110px #37d8e707;animation:float 6s ease-in-out infinite}.login-aside h2{position:relative;font-size:clamp(2rem,4vw,4rem);max-width:760px;margin:0 0 12px;line-height:1.25}.login-aside p{position:relative;color:#a9c0ce;max-width:650px}.reveal{animation:reveal .55s both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(53,211,154,0)}}@keyframes float{50%{transform:translateY(16px) scale(1.03)}}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}.workspace-grid{grid-template-columns:1fr}.workspace-side{position:static}.field.compact{grid-column:span 6}.login-shell{grid-template-columns:1fr}.login-aside{display:none}}
@media(max-width:760px){.portal-shell{width:min(100% - 20px,1480px);padding-top:10px}.portal-topbar{top:6px;border-radius:16px}.portal-brand span{display:none}.top-actions .btn span{display:none}.hero-admin{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.field,.field.half,.field.compact{grid-column:1/-1}.center-head{flex-direction:column}.center-metrics{grid-template-columns:repeat(2,1fr)}.copy-line{flex-wrap:wrap}.login-card{padding:25px}.details-body{padding-inline:14px}.center-head,.login-link{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}