:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172438;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#1c283b;color:#c0cad8;display:flex;flex-direction:column;z-index:4;overflow-y:auto}.brand{height:86px;display:flex;align-items:center;gap:12px;padding:0 25px;color:white;font-weight:800;font-size:20px;border-bottom:1px solid #2c394c}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8291a8;font-weight:600;text-transform:uppercase}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#00cc8c,#7683ef);color:white}.sidebar nav{padding:16px 0;flex:1}.nav-group{padding:20px 26px 10px;font-size:11px;letter-spacing:1.7px;color:#8794a9;font-weight:800}.nav-link{display:flex;align-items:center;gap:13px;padding:13px 24px;border-left:4px solid transparent;font-size:14px}.nav-link:hover{background:#26364c;color:white}.nav-link.active{background:#303e54;border-left-color:#22cb88;color:#fff}.dot{width:8px;height:8px;border:2px solid currentColor;border-radius:50%;opacity:.8}.side-foot{padding:22px 25px;border-top:1px solid #314056;font-size:12px;color:#8191a5}.app{margin-left:255px;min-height:100vh}.topbar{height:76px;background:white;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;padding:0 37px}.crumb{color:#708098;font-size:13px}.crumb span{padding:0 10px;color:#b4becb}.top-actions{display:flex;align-items:center;gap:22px}.online{font-size:12px;color:#11a972}.avatar{width:35px;height:35px;border-radius:10px;background:#e8eff9;color:#345270;display:grid;place-items:center;font-weight:700}.content{max-width:1290px;margin:auto;padding:39px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:15px}.eyebrow{color:#11ac75;font-weight:800;letter-spacing:2px;font-size:10px}h1{font-size:30px;letter-spacing:-.8px;margin:9px 0 6px}h2{font-size:18px;margin:0 0 15px}h3{margin:25px 0 10px}.heading p,.muted,.tip p,.empty-page p{color:#7a899c;font-size:14px;line-height:1.6}.heading p{margin:0}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:13px 19px;background:#14b982;color:white;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.button:hover{background:#0a9f70}.card{background:white;border:1px solid #e8edf2;border-radius:14px;padding:25px;box-shadow:0 6px 24px rgba(29,48,74,.035)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat span,.stat small{display:block;color:#7c8b9e;font-size:13px}.stat strong{display:block;font-size:31px;margin:14px 0 8px}.green{color:#0bad75}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-head h2{margin:0}.card-head a,.tip a{color:#10a876;font-size:13px;font-weight:700}.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:20px}.tip{align-self:start;background:linear-gradient(145deg,#fff,#f7fbfa)}.tip-icon{font-size:30px;color:#0ead79;margin-bottom:16px}label:not(.menu-button):not(.shade){display:block;font-size:13px;font-weight:650;margin:20px 0;color:#34455a}input:not(.nav-toggle),textarea,select{display:block;width:100%;padding:13px 14px;margin-top:9px;border:1px solid #dce4ec;border-radius:8px;background:#fff;color:#172438;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#12b982;box-shadow:0 0 0 3px #12b98222}textarea{resize:vertical}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:610px;text-align:left}th{color:#8290a2;font-size:11px;letter-spacing:1px;text-transform:uppercase;background:#f8fafc}td,th{padding:15px;border-bottom:1px solid #ecf0f4;font-size:13px}td{color:#3c4c60}.badge{background:#eef4f9;border-radius:99px;padding:6px 10px;font-size:11px;text-transform:capitalize}.empty{padding:36px;text-align:center;color:#93a0af;font-size:14px}.empty-page{text-align:center;padding:80px 20px}.empty-illustration{font-size:46px;color:#16bd86}.alert{padding:14px 16px;border-radius:9px;margin-bottom:20px;background:#e7f8f0;color:#087d52}.alert.error{background:#fff0ee;color:#b34034}.docs pre{padding:17px;border-radius:9px;overflow:auto;background:#1c283b;color:#e5f7ed;font-size:13px;line-height:1.6}.docs p{line-height:1.7;color:#69798d}.docs code{background:#f2f5f8;padding:2px 5px;border-radius:4px}.menu-button,.nav-toggle,.shade{display:none}@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:transform .2s}.app{margin-left:0}.menu-button{display:block;font-size:21px;cursor:pointer;margin-right:15px}.topbar{justify-content:flex-start;padding:0 23px}.top-actions{margin-left:auto}.nav-toggle:checked~.sidebar{transform:translateX(0)}.nav-toggle:checked~.shade{display:block;position:fixed;inset:0;background:#14223499;z-index:3}.content{padding:28px 22px}}@media(max-width:650px){.topbar{height:64px}.online{display:none}.crumb{font-size:12px}.content{padding:25px 15px}.heading{align-items:flex-start}.heading .button{display:none}h1{font-size:25px}.stats,.two-col{grid-template-columns:1fr}.stats{gap:10px}.card{padding:20px}.stat strong{font-size:26px}.heading p{font-size:12px}}
.workspace .card-head{gap:15px}.search-row{display:flex;gap:10px;margin:20px 0}.search-row input{margin:0;max-width:420px}.secondary{background:#eaf1f5;color:#34475e}.secondary:hover{background:#dce7ee}.editor{padding:20px;margin:18px 0;background:#f8fafc;border:1px solid #e9eef3;border-radius:11px}.hidden{display:none!important}.editor label{margin:10px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:9px;margin-top:20px}.row-actions{white-space:nowrap}.row-actions button,.pagination button,.alert button{border:0;background:#ecf3f7;border-radius:6px;padding:7px 9px;margin-right:5px;color:#286086;cursor:pointer}.row-actions button:last-child{color:#c24a4a}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:13px}.pagination button:disabled{opacity:.4;cursor:default}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:45px;color:#8391a0}.spinner{width:17px;height:17px;border:2px solid #d9e9e4;border-top-color:#0bb57d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.search-row{flex-wrap:wrap}.search-row input{max-width:none}.workspace .card-head{align-items:flex-start}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,#d9fbeb,#f3f7fb 50%)}.login-card{width:min(100%,420px);padding:38px}.login-card .brand-icon{margin-bottom:25px}.login-card .button{width:100%;margin-top:10px}.key-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding:12px 0;gap:15px}.key-row small{display:block;color:#8491a1;margin-top:4px}.key-row button{border:0;background:#fff0ee;color:#b6423d;padding:8px 12px;border-radius:6px;cursor:pointer}.secret-box{word-break:break-all;background:#eef8f4;padding:14px;border-radius:8px;margin:16px 0;font-family:monospace}
/* Modern workspace finish */
:root{--nav:#142136;--ink:#17253a;--muted:#76879e;--line:#e6edf4;--mint:#00c48a;--shadow:0 12px 40px rgba(29,49,80,.055)}body{background:#f4f7fb;color:var(--ink)}.sidebar{background:linear-gradient(180deg,#17243a 0%,#19283e 58%,#162338 100%);box-shadow:10px 0 34px rgba(13,29,52,.08)}.brand{height:84px;letter-spacing:-.5px}.brand-icon{border-radius:12px;box-shadow:0 8px 22px #09b98345}.nav-group{font-size:10px;letter-spacing:2px;padding-top:22px}.nav-link{margin:2px 12px 2px 0;padding:12px 23px;border-radius:0 10px 10px 0;transition:background .18s,color .18s;border-left-width:3px}.nav-link.active{background:linear-gradient(90deg,#304159,#293a51);border-left-color:#20d593;box-shadow:inset 0 1px 0 #ffffff08}.nav-glyph{display:grid;place-items:center;width:21px;height:22px;font-size:19px;line-height:1;color:#b2c1d0;font-weight:400}.nav-link.active .nav-glyph{color:#36de9f}.topbar{box-shadow:0 1px 0 #e6ecf3}.online{display:flex;gap:7px;align-items:center;color:#60748a}.online i{width:7px;height:7px;border-radius:50%;background:#18c68c;box-shadow:0 0 0 4px #18c68c20}.avatar{background:linear-gradient(135deg,#d9f6ed,#dfe8ff);color:#237a6d}.content{padding-top:42px}.eyebrow{color:#10aa78}h1{font-size:32px;font-weight:780}.heading{margin-bottom:30px}.card{border:1px solid #e7edf4;border-radius:16px;box-shadow:var(--shadow)}.stat{position:relative;overflow:hidden;min-height:150px}.stat:after{content:'';position:absolute;right:-24px;top:-36px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle,#bff7e833,transparent 70%)}.stat strong{letter-spacing:-1px}.button{background:linear-gradient(135deg,#0ecb92,#08a978);box-shadow:0 7px 18px #00ae7630}.button.secondary{background:#edf3f7;box-shadow:none}.button:focus-visible,.nav-link:focus-visible{outline:3px solid #78e7bf;outline-offset:2px}.page-loading{display:flex;justify-content:center;align-items:center;gap:12px;min-height:45vh;color:#8191a1}.table-scroll th{background:#f8fafc}.table-scroll tr:hover td{background:#fbfdfd}.sidebar .side-foot a{color:#d2e2ef}.sidebar .side-foot a:hover{color:#41dfa6}@media(max-width:650px){.content{padding-top:27px}.heading{margin-bottom:22px}h1{font-size:26px}.stat{min-height:120px}.sidebar{width:min(84vw,290px)}}
.theme-toggle{width:36px;height:36px;border:1px solid #e5ecf3;background:#fff;border-radius:10px;font-size:19px;color:#4a617c;cursor:pointer}.dark-theme body{background:#101a2b;color:#e8eff9}.dark-theme .topbar,.dark-theme .card{background:#1c2a3f;border-color:#2d3d55;color:#e8eff9}.dark-theme .heading p,.dark-theme .muted,.dark-theme .tip p{color:#9caec4}.dark-theme input:not(.nav-toggle),.dark-theme textarea,.dark-theme select,.dark-theme .theme-toggle{background:#19263a;border-color:#3a4d64;color:#e8eff9}.dark-theme .editor,.dark-theme th,.dark-theme .table-scroll th{background:#1a293e;border-color:#34445a;color:#aebed2}.dark-theme td{color:#d1dceb;border-color:#324359}.dark-theme .table-scroll tr:hover td{background:#23344b}.dark-theme .badge,.dark-theme .secondary{background:#30435a;color:#c8dbea}.dark-theme .crumb{color:#9aacbf}.dark-theme .card .docs code{background:#30435a}.dark-theme .tip{background:#1c2a3f}.dark-theme .key-row{border-color:#35465d}.dark-theme .login-page{background:#101a2b}