:root{--accent:#58f5a7;--good:#58f5a7;--bg:#080c10;--surface:#11171d;--surface-2:#171f27;--line:#253039;--muted:#93a3ad;--text:#eff7f3}
button{position:relative;overflow:hidden}.click-wave{pointer-events:none;position:absolute;width:12px;height:12px;margin:-6px;border-radius:50%;background:currentColor;opacity:.16;animation:click-wave .55s ease-out forwards}@keyframes click-wave{to{transform:scale(30);opacity:0}}
.btn{border-radius:11px;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(115deg,#69f9b6,#39d88c);border-color:#61edaa;color:#072519;box-shadow:0 3px 17px #3bdf8614}.btn-primary:hover{background:#79ffbd;border-color:#91ffcd;box-shadow:0 6px 24px #47ed9430}.btn:active{transform:scale(.97)}
.sidebar{background:linear-gradient(180deg,#111a1c,#0d1318);border-color:#23302b}.topbar{background:#0b1115b8;backdrop-filter:blur(20px)}.nav-item{border:1px solid transparent;border-radius:12px;transition:color .18s,background .18s,transform .18s}.nav-item:hover:not(:disabled){transform:translateX(3px)}.nav-item.active{background:linear-gradient(100deg,#41df9519,#41df9507);border-color:#45e99b22;color:#7df9ba}
.server-card,.panel,.stat{background:linear-gradient(135deg,#141d22,#10171d);box-shadow:0 12px 35px #00000012}.server-card{border-radius:18px;min-height:194px;padding:25px}.server-card:hover{border-color:#47df9480;box-shadow:0 10px 34px #1bc77910;transform:translateY(-4px)}.server-icon{background:#43ee9412;border-color:#43ee9429;width:49px;height:49px;border-radius:14px}.server-card-top{margin-bottom:30px}.server-card-top h3{font-size:19px}.server-subtitle{letter-spacing:.7px}.badge-state.online{color:#66efa6}.badge-state.online:before{box-shadow:0 0 8px #45f09566}
h1{font-size:32px;letter-spacing:-1.2px;font-weight:650}.page-heading{margin-bottom:32px}.panel{border-radius:16px}.panel-title{padding:21px 24px}.panel-body{padding:24px}.table thead th{background:#18222970;font-size:11px;letter-spacing:.8px}.table tbody tr{transition:background .16s}.table tbody tr:hover{background:#58f5a705}.stat{border-radius:16px;padding:22px}.stat-number{font-size:34px}.form-control,.form-select{border-radius:11px;transition:border-color .18s,box-shadow .18s}.form-check-input{width:20px;height:20px;border-radius:6px!important;cursor:pointer;transition:background-color .16s,box-shadow .16s,transform .16s}.form-check-input:checked{background-color:#4be79c;border-color:#4be79c;box-shadow:0 0 0 3px #4be79c12}.form-check-input:active{transform:scale(.86)}.rights-grid{gap:10px}.rights-grid label{display:flex;align-items:center;gap:11px;min-height:46px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;transition:background .18s,border-color .18s}.rights-grid label:has(:checked){background:#47ed9710;border-color:#47ed9750}
dialog{border-radius:20px;box-shadow:0 25px 100px #0009}dialog[open]{animation:dialog-rise .18s ease-out}@keyframes dialog-rise{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.editor{min-height:420px}.file-tools{display:flex;gap:8px;flex-wrap:wrap}.section-actions{display:flex;gap:9px;flex-wrap:wrap}.permission-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.permission-toolbar span{color:var(--muted);font-size:13px}.block-expiry{font-size:13px}.invite-link{font-size:13px;overflow-wrap:anywhere}.page-footer{opacity:.6}
.auth-scene{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 28% 45%,#124f3527,transparent 55%),radial-gradient(ellipse at 83% 11%,#12464222,transparent 50%),#080d12;padding:40px 6vw 24px}
#auth-particles,.auth-grid{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.auth-grid{background-image:linear-gradient(#8effb707 1px,transparent 1px),linear-gradient(90deg,#8effb707 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 20% 45%,black,transparent 70%)}
.auth-header{position:relative;display:flex;align-items:center;gap:12px;z-index:1}.auth-header strong{font-size:22px;letter-spacing:-.5px}.auth-header-caption{margin-left:auto;color:#8b9d99;font-size:12px}.auth-layout{position:relative;max-width:1240px;min-height:calc(100vh - 155px);margin:auto;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;padding:32px 0 32px}
.auth-art{position:relative;display:grid;place-items:center;height:540px}.cat-display{width:330px;height:330px;border-radius:40%;overflow:hidden;box-shadow:0 0 100px #29fa7210;animation:cat-float 8s ease-in-out infinite}.cat-display img{width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.auth-orbit{position:absolute;border:1px solid #5cf59a18;border-radius:50%;pointer-events:none}.orbit-one{width:460px;height:460px;transform:rotateX(30deg) rotate(-25deg)}.orbit-two{width:520px;height:360px;transform:rotate(-30deg);border-style:dashed;opacity:.55}.orbit-point{position:absolute;width:7px;height:7px;background:#7bffb7;border-radius:50%;box-shadow:0 0 24px #4df48e}.point-one{top:100px;left:75px;animation:point-glow 4s ease-in-out infinite}.point-two{bottom:130px;right:50px;animation:point-glow 4s 1s ease-in-out infinite}.auth-wordmark{position:absolute;bottom:15px;text-align:center;font-size:39px;font-weight:700;letter-spacing:-1.5px;color:#eefaf3}.auth-wordmark span{display:block;font-size:12px;font-weight:400;letter-spacing:4px;color:#84a195;margin-top:13px;text-transform:uppercase}
.auth-card{position:relative;z-index:1;width:100%;max-width:470px;padding:34px;border:1px solid #58e89d24;border-radius:24px;background:linear-gradient(145deg,#14211eea,#0f161cee);box-shadow:0 30px 100px #0005,0 0 0 5px #58f5a703;backdrop-filter:blur(18px);animation:dialog-rise .4s ease-out}.auth-card-top{display:flex;justify-content:space-between;align-items:center;color:#70ab8e;margin-bottom:27px}.auth-step{font:10px ui-monospace,monospace;letter-spacing:2px}.auth-tabs{display:flex;gap:6px;background:#080f1370;border:1px solid #28413250;border-radius:12px;padding:5px;margin-bottom:29px}.auth-tabs button{flex:1;border:0;border-radius:8px;background:transparent;color:#96aaa0;font-size:13px;padding:10px 8px;cursor:pointer;transition:background .18s,color .18s}.auth-tabs button.active{background:#75f7ae13;color:#94ffc4;box-shadow:0 1px 8px #0002}.auth-card h1{font-size:28px;letter-spacing:-.8px;margin:0 0 9px}.auth-caption{font-size:13px;color:#899f95;margin-bottom:26px;line-height:1.6}.auth-card .form-label{font-size:12px;color:#bdd0c5;margin:18px 0 9px}.input-shell{position:relative}.input-shell>i{position:absolute;left:15px;top:16px;font-size:18px;color:#719782;z-index:1;pointer-events:none}.auth-card .form-control{height:51px;padding-left:44px;padding-right:43px;background:#09110fb0;border:1px solid #30423788;color:#ebfff2}.auth-card .form-control::placeholder{color:#627a6a;font-size:13px}.auth-card .form-control:focus{border-color:#6bf1a99c;box-shadow:0 0 0 4px #4dec960a;background:#0a1511}.password-toggle{position:absolute;right:6px;top:6px;width:39px;height:39px;border:0;background:transparent;color:#86a991;border-radius:8px;cursor:pointer}.password-toggle .ti{font-size:18px}.auth-submit{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:24px;padding:0 18px;font-size:14px}.auth-error{color:#ffafa4;font-size:12px;line-height:1.6;margin-top:14px}.auth-error:empty{display:none}.auth-card-footer{margin-top:26px;padding-top:22px;border-top:1px solid #2c443744;display:flex;gap:9px;align-items:center;font-size:11px;color:#839d8d}.status-dot{width:5px;height:5px;border-radius:50%;background:#66f0a1;box-shadow:0 0 8px #4bea84}.auth-footer{position:relative;display:flex;justify-content:space-between;gap:12px;color:#6b8475;font-size:11px;z-index:1}
@keyframes cat-float{50%{transform:translateY(-8px)}}@keyframes point-glow{50%{opacity:.3;box-shadow:0 0 7px #4df48e}}
.auth-card:has(#register-form){padding:27px 32px}.auth-card:has(#register-form) .auth-card-top{margin-bottom:16px}.auth-card:has(#register-form) .auth-tabs{margin-bottom:21px}.auth-card:has(#register-form) .auth-caption{margin-bottom:15px}.auth-card:has(#register-form) .form-label{margin:13px 0 7px}.auth-card:has(#register-form) .form-control{height:48px}.auth-card:has(#register-form) .auth-submit{margin-top:21px;min-height:49px}.auth-card:has(#register-form) .auth-card-footer{margin-top:20px;padding-top:18px}
@media(max-width:1050px){.auth-layout{gap:4%;grid-template-columns:1fr 1fr}.cat-display{width:270px;height:270px}.orbit-one{width:340px;height:340px}.orbit-two{width:380px;height:280px}.auth-wordmark{font-size:31px}.auth-card{padding:28px}}
@media(max-width:760px){.auth-scene{padding:24px 20px}.auth-header-caption{display:none}.auth-layout{display:block;padding:40px 0;min-height:calc(100vh - 135px)}.auth-art{display:none}.auth-card{margin:auto;padding:27px 23px}.auth-card h1{font-size:25px}.auth-footer{font-size:10px}.server-card{min-height:180px}.page-heading{align-items:flex-start}.section-actions{width:100%}.auth-header{justify-content:center}}
@media(prefers-reduced-motion:reduce){.cat-display,.orbit-point,.click-wave,dialog[open],.auth-card{animation:none!important}button,.btn,.nav-item,.form-check-input{transition:none!important}}
.auth-caption:empty{display:none}
.audit-filters{margin-bottom:22px;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:#111b1e}.audit-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.audit-filters .form-label{font-size:12px;color:var(--muted);margin-bottom:7px}.audit-filter-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.audit-filter-actions>span{font-size:12px;margin-right:auto}.audit-date{white-space:nowrap}.user-password-field{position:relative}.user-password-field input{padding-right:47px}.user-password-field>.btn-ghost{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:37px;height:37px;display:grid;place-items:center}.user-password-field>.btn-ghost:active{transform:translateY(-50%)}
@media(max-width:1000px){.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.audit-filters{padding:18px}.audit-filter-grid{grid-template-columns:1fr}.audit-filter-actions{flex-wrap:wrap}.audit-filter-actions>span{width:100%;margin-bottom:6px}}
.brand-mark,.avatar-owner{flex-shrink:0;display:block;border-radius:12px;background:#061829;border:1px solid #38e99128;box-shadow:none}
.brand-mark img,.avatar-owner img{display:block;width:100%;height:100%;object-fit:cover;transform:translate(30%,25%) scale(2.1);transform-origin:50% 50%}
.sidebar .brand small{text-transform:none;letter-spacing:.3px;font-size:11px;margin-top:5px;color:#83998d}
.server-context{display:flex;align-items:center;gap:10px;margin:25px 8px 18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.server-context .ti{color:var(--accent);font-size:20px}
.server-workspace .workspace{max-width:none}.console-stats{margin-bottom:22px}.console-stats .stat{padding:17px 21px}.console-stats .stat-number{font-size:27px}.console-panel .console{height:clamp(350px,calc(100vh - 460px),750px);background:#091014}
.user-identity{display:flex;gap:13px;align-items:center}.user-symbol{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#66e6a4;background:#62e79d0c;flex-shrink:0}.user-symbol .ti{font-size:20px}.user-identity small{font-size:12px;margin-top:3px}
.session-count{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#b9d6c6;padding:8px 12px;border-radius:9px;cursor:pointer}.session-count:hover{background:#58e6a112}.session-count .ti{font-size:19px}
.session-toolbar{display:flex;gap:20px;align-items:center;margin-bottom:22px}.session-toolbar select{max-width:260px}.session-toolbar span{font-size:13px;margin-left:auto}.sessions-table{font-size:13px}.sessions-table th,.sessions-table td{white-space:nowrap}.session-device{display:block;max-width:220px;font-size:11px;white-space:normal;overflow-wrap:anywhere;margin-top:5px;line-height:1.5}.session-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.settings-end{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.pending-heading{margin-top:38px}.pending-card{border-style:dashed}.pending-card .card-bottom>.muted{font-size:12px}
@media(max-width:800px){.server-context{margin:10px 0 0;padding:8px 0;border:0}.server-workspace .workspace{padding:24px 20px}.session-toolbar{flex-wrap:wrap}.session-toolbar span{margin-left:0}.session-toolbar select{max-width:none}.console-panel .console{height:380px}.session-device{max-width:180px}.console-stats .stat{padding:14px}.console-stats .stat-number{font-size:24px}.topbar>.account{gap:9px}.topbar>.account .avatar-owner{width:31px;height:31px}}