:root{color-scheme:dark;--bg:#070c18;--panel:#101b32;--panel2:#14203b;--line:#223654;--text:#e9f3ff;--muted:#92a9c3;--blue:#13ccff;--purple:#7a6ffd;--red:#ff5575;--green:#3bea9d;--gray:#91a0b8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse 100% 75% at 50% -40%,#213b69 0%,transparent 80%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--blue)}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(170deg,#0c1830,#071123);padding:20px 12px;border-right:1px solid #1e3354;display:flex;flex-direction:column;gap:8px}.brand{display:flex;gap:10px;align-items:center;padding:5px 8px 32px;text-decoration:none;color:var(--text)}.brand img{width:41px;height:41px;object-fit:contain}.brand b{display:block;font-size:14px;letter-spacing:.65px}.brand b span{color:var(--blue)}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:2px}.side-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#6482ac;padding:21px 13px 9px}.nav-item{display:flex;gap:12px;align-items:center;background:transparent;color:#abc4de;border:1px solid transparent;border-radius:11px;width:100%;text-align:left;padding:13px 12px;font-weight:700}.nav-item:hover,.nav-item.active{background:#152a47;border-color:#275579;color:#effaff}.nav-item.active{box-shadow:inset 3px 0 0 var(--blue)}.nav-glyph{color:var(--blue);font-size:18px;width:24px;text-align:center}.nav-count{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px}.sidebar-note{font-size:11px;color:var(--muted);margin-top:auto;padding:18px 8px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:center}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.main-area{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#0b1426e8;position:sticky;top:0;z-index:10}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.topbar-right{gap:22px}.breadcrumbs{color:#a3b7d0;font-size:11px;font-weight:800;letter-spacing:1.5px}.breadcrumbs span{color:var(--blue);margin:0 8px}.env-tag{font-size:10px;letter-spacing:1px;font-weight:800;color:var(--blue);border:1px solid #195777;border-radius:999px;padding:8px 11px}.account-email{font-size:12px;color:#b1c6dc;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-button{display:none;background:transparent;border:0;color:var(--text);font-size:19px}main{padding:36px 36px 75px;max-width:1600px;margin:0 auto}.screen{animation:fade .16s ease}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}h1{font-size:clamp(27px,3.5vw,40px);line-height:1.15;letter-spacing:-1px;margin:8px 0 12px}h2{font-size:20px;margin:0 0 10px}p{line-height:1.55;color:var(--muted);margin:7px 0 17px}.eyebrow{font-size:11px;letter-spacing:2.1px;color:var(--blue);font-weight:800}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}.panel,.center-panel,.stat-box,.server-card,.auth-panel{background:linear-gradient(140deg,#111f37,#0c192c);border:1px solid var(--line);border-radius:17px;padding:23px;box-shadow:0 13px 45px #0002}.button{border:1px solid #335272;border-radius:10px;padding:11px 16px;font-weight:800;background:#152d4a;color:#cfeaff;transition:background .15s,box-shadow .15s}.button:hover{background:#204066}.button.primary{background:linear-gradient(100deg,#16b5e8,#416df4);border-color:#2b8bd5;color:#fff;box-shadow:0 3px 20px #00aaff25}.button.primary:hover{filter:brightness(1.15)}.button.ghost{background:transparent}.button.subtle{background:#142440}.button.full{width:100%;margin-top:9px}.auth-wrap{display:grid;grid-template-columns:minmax(230px,1.1fr) minmax(340px,1fr);gap:60px;align-items:center;max-width:1100px;margin:7vh auto}.auth-heading h1{font-size:48px}.auth-heading em{color:var(--blue);font-style:normal}.auth-panel{max-width:490px;width:100%;padding:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0b1527;border:1px solid var(--line);border-radius:10px;padding:4px;gap:4px;margin-bottom:21px}.auth-tabs button{background:transparent;border:0;border-radius:7px;padding:12px;color:var(--muted);font-weight:800}.auth-tabs button.selected{background:#1a3654;color:var(--blue)}label{display:grid;gap:7px;font-size:12px;font-weight:750;color:#c5d9ed;margin-bottom:15px}input,select,textarea{width:100%;background:#0a1425;border:1px solid #2a4668;border-radius:9px;min-height:42px;color:var(--text);padding:10px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #05bff523}textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sub-note,.form-tip,.footer-note{font-size:12px;color:var(--muted)}.work-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:22px}.server-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.server-card{display:flex;flex-direction:column;gap:7px}.server-card small{color:var(--muted)}.server-card .button{margin-top:8px}.center-panel{max-width:650px;margin:10vh auto}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat-box{padding:20px}.stat-box span,.stat-box small{display:block;color:var(--muted);font-size:12px}.stat-box b{display:block;font-size:35px;line-height:1.45;color:var(--blue)}.stat-box.urgent b{color:var(--red)}.table-panel{padding:0;overflow:hidden}.table-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px}.table-controls h2{margin:0}.table-controls p{margin-bottom:0}.filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.filter-row input{min-width:215px;width:260px}.filter-row select{width:auto}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:1.15px;color:#7196b7;background:#0c192d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 18px}td{padding:16px 18px;border-bottom:1px solid #1c2c47;vertical-align:middle;color:#d8e9fa}tbody tr:hover{background:#19284450}td .sub{display:block;color:var(--muted);font-size:11px;margin-top:5px}.spawn-code{display:inline-block;background:#092a3d;border:1px solid #1b6177;color:#7de4ff;border-radius:6px;padding:6px 8px;font-family:Consolas,monospace;font-size:12px}.status{display:inline-block;font-weight:850;font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid}.status.done{background:#093524;border-color:#1a7b51;color:var(--green)}.status.pending{background:#263244;border-color:#53677f;color:#c4cede}.status.expired{background:#4b1526;border-color:#9e3552;color:#ff8b9f}.status.soon{background:#443318;border-color:#966f27;color:#ffca5a}.alarm-panel{padding:16px 18px;border:1px solid #82512b;border-radius:12px;background:linear-gradient(120deg,#38211d,#22233c);margin-bottom:21px;color:#ffd39f}.alarm-panel strong{color:#ffe5af}.alarm-panel p{margin:0;color:#fbd9ae}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.tiny-btn{font-size:11px;font-weight:800;padding:7px 9px;border-radius:8px;background:#193452;color:#c9efff;border:1px solid #386081}.tiny-btn:hover{background:#234c77}.empty-message{padding:40px;text-align:center}.invite-result{padding:13px;margin-bottom:16px;border:1px solid #258ab3;border-radius:10px;word-break:break-word;color:var(--blue);background:#082e44}.footer-note{margin-top:20px}dialog{margin:auto;border:1px solid #2b5c86;background:#101d33;border-radius:17px;padding:0;color:var(--text);width:min(480px,calc(100vw - 20px))}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.modal-card{padding:25px}.modal-head{display:flex;justify-content:space-between;align-items:center}.close-button,.bell-close{color:#bed1e6;background:transparent;border:0;font-size:26px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.toast{position:fixed;bottom:24px;right:24px;z-index:99;border:1px solid #347b9d;background:#123652;color:#fff;padding:17px 22px;border-radius:12px;max-width:460px;box-shadow:0 12px 35px #0008;line-height:1.5}.toast.error{background:#4f1d2f;border-color:#be4064}.notification-wrap{position:relative}.notification-bell{position:relative;border:1px solid #2f5979;color:#d5edff;background:#152a43;border-radius:12px;min-height:41px;min-width:44px;font-size:19px;display:flex;align-items:center;justify-content:center}.notification-bell:hover{background:#235475}.bell-count{position:absolute;top:-9px;right:-10px;background:var(--red);color:white;border-radius:12px;padding:3px 6px;min-width:22px;font-size:10px;font-weight:850}.notification-panel{position:absolute;top:50px;right:0;width:min(430px,calc(100vw - 22px));max-height:65vh;overflow:hidden;display:flex;flex-direction:column;background:#111e35;border:1px solid #37658b;border-radius:16px;box-shadow:0 17px 60px #000b;z-index:40}.notification-title{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 10px}.notification-title b{font-size:18px}.notification-title small{display:block;color:var(--muted);margin-top:4px}.notification-toolbar{display:flex;justify-content:space-between;padding:9px 17px;border-bottom:1px solid var(--line)}.text-action{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:750}.notification-list{overflow-y:auto;max-height:48vh}.notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:#132036}.notice.unread{background:#1b334e}.notice-icon{border-radius:10px;background:#254161;padding:10px;font-size:17px}.notice-data{flex:1;min-width:0}.notice-data b{display:block;font-size:13px;margin-bottom:4px}.notice-data p{font-size:12px;margin:0 0 6px;overflow-wrap:anywhere}.notice-data small{color:#85a1b9;font-size:10px}.notice-dot{width:7px;height:7px;flex-shrink:0;background:var(--blue);border-radius:100%;margin-top:7px}.notice-empty{padding:32px;text-align:center;color:var(--muted)}.notification-tip{font-size:11px;color:#7d99b0;padding:8px 15px;border-top:1px solid var(--line)}.status-note{font-size:12px;color:#b3cbe4;margin:15px 0}.offline-warning{padding:10px 16px;background:#60331f;color:#ffe4b8}@media(max-width:1130px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-row input{width:190px;min-width:160px}.table-controls{flex-wrap:wrap}.sidebar{width:220px}.app-shell{grid-template-columns:220px minmax(0,1fr)}.account-email{display:none}}@media(max-width:750px){.app-shell{display:block}.sidebar{position:fixed;top:73px;bottom:0;left:0;transform:translateX(-105%);transition:transform .2s;width:258px;z-index:20;box-shadow:6px 0 35px #0007}.sidebar.open{transform:none}.topbar{padding:0 14px;gap:10px}.menu-button{display:block}.breadcrumbs{font-size:9px;max-width:150px}.env-tag{display:none}main{padding:24px 15px 60px}.auth-wrap{grid-template-columns:1fr;gap:12px;margin:5vh auto}.auth-heading h1{font-size:35px}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid{gap:9px}.stat-box{padding:13px}.stat-box b{font-size:28px}.work-actions{grid-template-columns:1fr}.notification-panel{position:fixed;right:10px;top:73px}.filter-row{width:100%}.filter-row input{width:100%}}