@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--bg:#070a12;--surface:#0d111d;--surface-2:#111728;--line:#20283a;--text:#f5f7ff;--muted:#8892a9;--violet:#8b5cf6;--violet-2:#6d3fe8;--cyan:#22d3ee;--green:#3ddc97;--amber:#f6b94a;--red:#fb7185;--sidebar:246px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 70% 0%,rgba(91,60,168,.13),transparent 32%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:28px 18px;border-right:1px solid var(--line);background:rgba(9,12,21,.93);backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:0 8px 32px}.brand-mark,.auth-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#a78bfa,#6d28d9);font-family:Manrope;font-size:20px;font-weight:800;box-shadow:0 10px 26px rgba(124,58,237,.28)}.brand strong,.auth-brand strong{display:block;font:700 15px Manrope}.brand small,.auth-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;color:#99a3b9;text-decoration:none;font-size:13px;font-weight:600}.sidebar nav a span{font-size:18px;width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{color:white;background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(139,92,246,.04));box-shadow:inset 3px 0 var(--violet)}.sidebar-foot{margin-top:auto;border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px;background:#0b101c}.sidebar-foot strong,.sidebar-foot small{display:block;font-size:11px}.sidebar-foot small{color:var(--muted);margin-top:3px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(61,220,151,.1)}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;background:rgba(7,10,18,.66);backdrop-filter:blur(15px);position:sticky;top:0;z-index:4}.topbar h1{font:700 20px Manrope;margin:3px 0 0}.eyebrow{font-size:9px;letter-spacing:.18em;color:#7d88a0;font-weight:700;margin:0}.user-menu{margin-left:auto;display:flex;gap:10px;align-items:center}.user-menu>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#26203c;color:#c4b5fd;font-weight:700}.user-menu strong,.user-menu a{display:block;font-size:11px}.user-menu a{color:#778198;text-decoration:none;margin-top:3px}.menu-button{display:none;background:none;border:0;color:white;font-size:22px}.content{padding:34px 38px 60px;max-width:1440px;margin:auto}.flash{margin:20px 38px 0;padding:13px 16px;border-radius:10px;font-size:13px}.flash.success{background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.32);color:#9af0c8}.flash.error{background:rgba(251,113,133,.12);border:1px solid rgba(251,113,133,.3);color:#fda4af}.hero-row{min-height:164px;border:1px solid #272342;border-radius:18px;background:linear-gradient(120deg,#11152a 0%,#181132 62%,#0e101c 100%);padding:32px 36px;display:flex;align-items:center;overflow:hidden;position:relative}.hero-row:after{content:'';position:absolute;width:360px;height:360px;right:-70px;border:1px solid rgba(167,139,250,.13);border-radius:50%}.hero-row h2{font:800 27px Manrope;margin:8px 0}.hero-row p:last-child{color:#a2aac0;font-size:13px}.hero-orbit{margin-left:auto;margin-right:90px;width:86px;height:86px;border:1px solid rgba(167,139,250,.25);border-radius:50%;display:grid;place-items:center;position:relative}.hero-orbit span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#5b21b6);font:800 24px Manrope;box-shadow:0 0 40px rgba(139,92,246,.45)}.hero-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#bda7ff}.hero-orbit i:nth-child(2){top:-3px}.hero-orbit i:nth-child(3){right:4px;bottom:10px;background:var(--cyan)}.hero-orbit i:nth-child(4){left:0;bottom:18px;background:var(--amber)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-card{min-height:112px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:center;gap:15px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px}.stat-icon.violet{background:rgba(139,92,246,.14);color:#a78bfa}.stat-icon.cyan{background:rgba(34,211,238,.12);color:var(--cyan)}.stat-icon.amber{background:rgba(246,185,74,.12);color:var(--amber)}.stat-icon.red-bg{background:rgba(251,113,133,.12);color:var(--red)}.stat-icon.green-bg{background:rgba(61,220,151,.12);color:var(--green)}.stat-card small,.stat-card strong,.stat-card em{display:block}.stat-card small{font-size:8px;color:#758097;letter-spacing:.12em;font-weight:700}.stat-card strong{font:700 19px Manrope;margin:5px 0 2px}.stat-card em{font-size:10px;color:#69748b;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:24px}.panel-head,.section-heading,.modal-head{display:flex;justify-content:space-between;align-items:center}.panel-head{margin-bottom:20px}.panel h3{font:700 15px Manrope;margin:4px 0}.panel-head a{font-size:10px;color:#a78bfa;text-decoration:none}.destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.destination-card{display:flex;align-items:center;gap:12px;background:#0a0f1a;border:1px solid #1a2232;border-radius:11px;padding:12px}.destination-card>span{width:37px;height:37px;border-radius:10px;background:#171d2d;display:grid;place-items:center;color:#c4b5fd;font-weight:800;font-size:11px}.destination-card strong,.destination-card small{display:block}.destination-card strong{font-size:12px}.destination-card small{font-size:9px;color:#7c879e;margin-top:3px}.launch-button{margin-left:auto;width:30px;height:30px;border-radius:9px;border:1px solid #33265c;background:#21183d;color:#bca7fb;cursor:pointer}.launch-button:disabled{opacity:.35;cursor:not-allowed}.readiness ul{list-style:none;padding:5px 0;margin:16px 0 22px}.readiness li{display:flex;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid #171e2c}.readiness li>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}.readiness li.done>span{background:rgba(61,220,151,.12);color:var(--green)}.readiness li.waiting>span{background:rgba(246,185,74,.13);color:var(--amber)}.readiness strong,.readiness small{display:block;font-size:10px}.readiness small{color:#6f7a91;margin-top:3px}.button{border:0;border-radius:9px;padding:11px 16px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button.primary{color:white;background:linear-gradient(135deg,#8b5cf6,#6d3fe8);box-shadow:0 8px 24px rgba(109,63,232,.2)}.button.secondary{color:#c4b5fd;background:#1c1532;border:1px solid #38276a}.button.ghost{background:transparent;color:#929cb1}.button.wide{width:100%}.section-heading{margin-bottom:24px}.section-heading h2{font:800 25px Manrope;margin:7px 0}.muted{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#68738a;letter-spacing:.08em;font-size:8px;padding:0 12px 12px}td{padding:15px 12px;border-top:1px solid #1b2231;color:#9aa4b9}.url-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{padding:5px 9px;border-radius:20px;font-size:9px}.pill.green{background:rgba(61,220,151,.1);color:#75e8b2}.pill.gray{background:#1a2030;color:#7c879b}.icon-button{background:transparent;border:0;color:#8c96aa;font-size:17px;cursor:pointer}.empty{text-align:center;padding:58px 20px}.empty.compact{padding:35px 20px}.empty>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#18132a;color:#a78bfa;margin:0 auto 15px;font-size:23px}.empty h3{font-size:16px}.empty p{color:#778198;font-size:11px;margin-bottom:18px}dialog{border:0;background:transparent;padding:0;color:var(--text)}dialog::backdrop{background:rgba(2,4,9,.78);backdrop-filter:blur(5px)}.modal-card{width:min(470px,calc(100vw - 28px));background:#0d111d;border:1px solid #2a3348;border-radius:16px;padding:25px;box-shadow:0 25px 70px rgba(0,0,0,.55)}.modal-card h2{font:700 20px Manrope;margin:7px 0 20px}.modal-card label,.stack-form label,.form-panel label{display:grid;gap:7px;color:#929cb1;font-size:10px;font-weight:600;margin-bottom:14px}input{width:100%;border:1px solid #293246;background:#080c15;color:white;border-radius:9px;padding:12px 13px;outline:0}input:focus{border-color:#7454ce;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.form-panel h3{margin-bottom:22px}.form-row{display:grid;grid-template-columns:1fr 140px;gap:12px}.field-help{font-size:10px;color:#667188;line-height:1.55}.health-card{text-align:center;padding-top:34px}.health-icon{width:60px;height:60px;border-radius:18px;margin:0 auto 20px;display:grid;place-items:center;font-size:27px}.health-icon.ok{background:rgba(61,220,151,.12);color:var(--green)}.health-icon.bad{background:rgba(251,113,133,.12);color:var(--red)}.latency{font:800 22px Manrope;color:#c4b5fd;display:block;margin:17px 0}.auth-main{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-main .content{width:100%;padding:0}.auth-card{max-width:430px;margin:auto;background:rgba(13,17,29,.95);border:1px solid #262f42;border-radius:20px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.auth-brand{display:flex;gap:12px;align-items:center;margin-bottom:40px}.auth-card h1{font:800 25px Manrope;margin:8px 0}.stack-form{margin-top:25px}
.heading-actions,.row-actions{display:flex;align-items:center;gap:8px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;color:#727e95;font-size:10px}.search-box{display:flex;align-items:center;gap:8px;max-width:390px;width:100%;background:#080c15;border:1px solid #242d40;border-radius:9px;padding:0 11px}.search-box span{font-size:17px;color:#7c879e}.search-box input{border:0;background:transparent;padding:10px 0;box-shadow:none}.mini-button{border:1px solid #293249;background:#111827;color:#aab3c6;border-radius:7px;padding:6px 8px;font-size:9px;cursor:pointer;white-space:nowrap}.mini-button:hover{border-color:#59428f;color:white}.mini-button.danger{color:#fda4af;border-color:#492635;background:#201019}.row-actions form{margin:0}.modal-card textarea{width:100%;resize:vertical;border:1px solid #293246;background:#080c15;color:white;border-radius:9px;padding:12px 13px;outline:0;font:12px/1.65 'DM Sans',sans-serif}.modal-card textarea:focus{border-color:#7454ce;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.wide-modal{width:min(610px,calc(100vw - 28px))}.activity-list{display:grid}.activity-list article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center;padding:15px 4px;border-bottom:1px solid #1b2231}.activity-list article:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#17132a;color:#b8a2fa;font-weight:800}.activity-list strong,.activity-list small{display:block}.activity-list strong{font-size:11px}.activity-list small{font-size:9px;color:#6f7a91;margin-top:4px}.activity-list em{font-size:8px;color:#667188;font-style:normal;background:#111827;border:1px solid #242d40;border-radius:20px;padding:5px 8px}
.library-modal{width:min(680px,calc(100vw - 28px))}.library-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:430px;overflow:auto;margin-top:20px;padding-right:3px}.library-list label{display:flex;align-items:center;gap:11px;border:1px solid #232c3e;background:#090e18;border-radius:10px;padding:11px;cursor:pointer}.library-list label:hover{border-color:#523b89}.library-list input{width:16px;height:16px;accent-color:#8b5cf6}.library-list span{min-width:0}.library-list strong,.library-list small{display:block}.library-list strong{font-size:11px}.library-list small{color:#778198;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-list em{margin-left:auto;color:#a78bfa;font-style:normal;font-size:17px}.security-settings{margin-top:18px}.security-settings .form-row{grid-template-columns:1fr 1fr}.backup-card{display:flex;flex-direction:column;justify-content:center}.backup-card h3{margin:7px 0 10px}.backup-card .button{margin:14px 0 5px}
.filter-chips{display:flex;align-items:center;gap:5px}.filter-chips button{border:1px solid #252e41;background:#0a0f19;color:#77839a;border-radius:20px;padding:6px 10px;font-size:9px;cursor:pointer}.filter-chips button.active{border-color:#5b42a0;background:#21163c;color:#c4b5fd}.mini-button.favorite{font-size:14px;padding:3px 8px}.mini-button.favorite.selected{color:#f6b94a;border-color:#5c4825}.archive-list{display:grid}.archive-list article{display:flex;align-items:center;gap:18px;padding:16px 4px;border-bottom:1px solid #1b2231}.archive-list article:last-child{border-bottom:0}.archive-list article>div{min-width:0;margin-right:auto}.archive-list strong,.archive-list small{display:block}.archive-list strong{font-size:12px}.archive-list small{font-size:9px;color:#6f7a91;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-favorite{margin-left:auto}.card-favorite input{display:none}.card-favorite button{border:0;background:transparent;color:#f6b94a;font-size:15px;cursor:pointer;padding:4px}.destination-card .card-favorite+.launch-button{margin-left:0}.backup-import{margin-top:16px;padding-top:14px;border-top:1px solid #1b2231}.backup-import label{display:grid;gap:7px;color:#929cb1;font-size:10px;font-weight:600}.backup-import input[type=file]{font-size:10px;padding:9px}.backup-import .button{margin-top:8px}
.library-tools{display:flex;align-items:center;gap:14px;margin-top:18px}.library-tools .search-box{max-width:none;flex:1}.select-all{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;margin:0!important;white-space:nowrap;color:#8994aa!important}.select-all input{width:15px;height:15px;accent-color:#8b5cf6}.library-list label[hidden]{display:none}.library-list i{display:block;color:#a78bfa;font-size:8px;font-style:normal;margin-top:5px}.library-modal .modal-actions{align-items:center}.library-modal .modal-actions>small{margin-right:auto;color:#778198}.library-modal .library-list{max-height:min(52vh,520px)}
@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.readiness{order:-1}.destination-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.menu-button{display:block;margin-right:15px}.content{padding:24px 18px}.topbar{padding:0 18px}.flash{margin:16px 18px 0}.hero-orbit{display:none}.destination-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.section-heading{align-items:flex-start}.table-tools{align-items:flex-start;flex-wrap:wrap}.filter-chips{order:3;width:100%;overflow:auto}}@media(max-width:520px){.stat-grid,.destination-grid{grid-template-columns:1fr}.hero-row{padding:26px}.hero-row h2{font-size:22px}.section-heading{gap:16px;flex-direction:column}.heading-actions{width:100%;flex-wrap:wrap}.heading-actions .button{flex:1}.form-row{grid-template-columns:1fr}.user-menu div{display:none}.table-tools{align-items:flex-start;flex-direction:column}.activity-list article{grid-template-columns:38px 1fr}.activity-list em{grid-column:2}.archive-list article{align-items:flex-start}.archive-list article .button{padding:8px 10px}}
@media(max-width:650px){.library-list{grid-template-columns:1fr}.library-tools{align-items:stretch;flex-direction:column}.select-all{white-space:normal}.library-modal .modal-actions{flex-wrap:wrap}.library-modal .modal-actions>small{width:100%;margin-bottom:4px}}
.user-menu small{display:block;color:#8f99ae;font-size:9px;margin-top:2px}.launch-button{text-decoration:none;display:grid;place-items:center}.users-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.user-list-panel{min-width:0}.user-account-list{display:grid}.user-account-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:15px 3px;border-bottom:1px solid #1b2231}.user-account-list article:last-child{border-bottom:0}.user-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#1e1735;color:#c4b5fd;font-weight:800}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:12px}.user-meta small{font-size:9px;color:#6f7a91;margin-top:4px}.user-actions{display:flex;gap:7px}.user-actions form{margin:0}@media(max-width:980px){.users-layout{grid-template-columns:1fr}.user-account-list article{grid-template-columns:40px minmax(0,1fr) auto}.user-actions{grid-column:2 / -1}}@media(max-width:560px){.user-account-list article{grid-template-columns:40px minmax(0,1fr)}.user-account-list .pill{grid-column:2;width:max-content}.user-actions{grid-column:1 / -1;flex-wrap:wrap}}
.user-portal{margin-top:18px}.portal-search{margin-bottom:20px}.portal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-grid .destination-card[hidden]{display:none}@media(max-width:1100px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.portal-grid{grid-template-columns:1fr}}