:root{--surface:#fff;--canvas:#f5f7fb;--ink:#1c2c47;--muted:#63748b;--border:#e6ebf3;--accent:#3868e8;--accent-hover:#2954c9;--soft:#edf2ff;--input:#fcfdff;--menu:#14233e;--menu-text:#bac8df;--menu-muted:#8094b7;--menu-active:#284673;--success:#23795b;--success-soft:#eaf7f0;--danger:#bd3d46;--danger-soft:#fff0f1;--warning:#9c650b;--shadow:0 10px 34px #1c34540d;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:light}
:root.dark{--surface:#1a263a;--canvas:#101a2c;--ink:#e7edf8;--muted:#a0afc6;--border:#2b3b54;--accent:#82a4ff;--accent-hover:#668fee;--soft:#253859;--input:#162237;--menu:#0e192c;--menu-text:#b6c6e2;--menu-muted:#8a9fc1;--menu-active:#294778;--success:#84d1b1;--success-soft:#1f3b35;--danger:#f1a1a9;--danger-soft:#422932;--warning:#edc175;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-size:14px}button,input{font:inherit}button{cursor:pointer}.login-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(390px,.92fr);background:var(--surface)}.login-art{position:relative;overflow:hidden;padding:76px 9vw;color:#fff;background:linear-gradient(135deg,#182e66,#2c58bd 66%,#4a7de4)}.login-art:after{content:"";position:absolute;width:560px;height:560px;border:1px solid #bdd4ff25;border-radius:50%;right:-130px;bottom:-220px;box-shadow:0 0 0 60px #bdd4ff0c,0 0 0 120px #bdd4ff0a}.brand-mark,.brand>span,.mobile-brand span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#7ca9ff,#3868e8);font-weight:800;color:#fff;box-shadow:0 8px 26px #0b246852}.login-art .eyebrow{margin-top:58px;color:#bad1ff}.eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.login-art h1{font-size:46px;line-height:1.35;margin:16px 0 14px;font-weight:650}.lead{color:#ccdcf8;line-height:1.9}.art-card{position:absolute;z-index:1;left:9vw;bottom:82px;width:270px;padding:22px;border:1px solid #c9dcff38;border-radius:18px;background:#fff10;backdrop-filter:blur(12px);box-shadow:0 18px 50px #071a4b24}.art-card span,.art-card strong{display:block}.art-card span{font-size:11px;color:#b9d0fa}.art-card strong{font-size:18px;margin-top:8px}.art-card i{display:block;width:74%;height:5px;border-radius:9px;background:#83aaff;margin-top:20px}.login-card{width:min(410px,calc(100% - 48px));margin:auto;padding:38px}.login-card h2{font-size:30px;margin:12px 0 8px}.muted{color:var(--muted);margin-bottom:32px}.login-card label,.form-section>label{display:block;font-weight:600;margin:18px 0}.login-card input,.form-section input{display:block;width:100%;margin-top:9px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--ink);padding:13px 14px;outline:none}.login-card input:focus,.form-section input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3868e820}.password-wrap,.token-input{position:relative}.password-wrap input,.token-input input{padding-right:72px}.password-wrap button,.token-input button{position:absolute;right:9px;top:17px;border:0;background:transparent;color:var(--accent);font-size:12px}.mobile-brand{display:none;align-items:center;gap:10px;font-weight:700;font-size:18px}.mobile-brand span{width:36px;height:36px;border-radius:10px}.primary,.secondary,.text-button,.icon-button{border-radius:9px;border:1px solid transparent;padding:11px 17px}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover)}.primary:disabled{opacity:.62;cursor:wait}.wide{width:100%;margin-top:8px}.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.text-button,.icon-button{background:transparent;color:var(--muted);padding:8px}.shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:248px;background:var(--menu);padding:28px 16px;color:var(--menu-text);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 11px;margin-bottom:36px;color:#f4f7ff}.brand>span{width:42px;height:42px;border-radius:12px}.brand strong{font-size:19px}.brand small{display:block;color:var(--menu-muted);font-size:10px;margin-top:5px;font-weight:400}.nav-caption{padding:0 14px;color:var(--menu-muted);font-size:10px;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:10px;background:var(--menu-active);color:#fff;padding:13px 14px;text-align:left}.nav-item svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.sidebar-foot{margin-top:auto;padding:16px 13px;border-top:1px solid #ffffff12;color:var(--menu-muted);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#55d399;box-shadow:0 0 0 4px #55d3991c}.content{margin-left:248px;min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:var(--surface);border-bottom:1px solid var(--border)}.crumb{color:var(--muted);font-size:12px}.crumb b{margin:0 9px;color:#a2afc1}.crumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:13px}.top-actions>span{padding-left:10px;border-left:1px solid var(--border);font-size:12px}.topbar #menu{display:none}.page{max-width:1180px;margin:auto;padding:30px}.hero{position:relative;overflow:hidden;min-height:210px;padding:35px 38px;border-radius:20px;color:#fff;background:linear-gradient(114deg,#1f3e85,#2d57b7 63%,#4374d7);box-shadow:0 9px 26px #2358b51a;display:flex;justify-content:space-between;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 90% 0,#94bcff36,transparent 55%)}.hero>div{position:relative;z-index:1}.hero .eyebrow{color:#b8d0ff}.hero h1{font-size:31px;margin:13px 0 10px}.hero p:last-child{color:#c2d4f4}.hero-orbit{width:180px;height:145px;display:grid;place-items:center}.hero-orbit span,.hero-orbit i{position:absolute;width:130px;height:130px;border:1px solid #a8c8ff59;border-radius:50%}.hero-orbit i{width:94px;height:94px;border-style:dashed;transform:rotate(30deg)}.hero-orbit b{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#ffffff18;border:1px solid #c9ddff3d;backdrop-filter:blur(8px)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.summary{display:flex;align-items:center;gap:15px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.summary-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-weight:700}.summary-icon.blue{background:var(--soft);color:var(--accent)}.summary-icon.green{background:var(--success-soft);color:var(--success)}.summary-icon.amber{background:#fff5df;color:var(--warning)}.summary small{display:block;color:var(--muted);margin-bottom:6px}.summary strong{font-size:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.panel-head{padding:24px 26px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:20px}.panel h2{margin:0 0 7px;font-size:19px}.panel-head p,.section-title small,.form-section label>small{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.badge{align-self:flex-start;border-radius:20px;background:var(--success-soft);color:var(--success);padding:6px 10px;font-size:11px}.form-section{padding:8px 26px 20px}.form-section>label>small{display:block;margin-top:8px;font-weight:400}.admins-section{border-top:1px solid var(--border);padding-top:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.section-title label{display:block;font-weight:600;margin-bottom:7px}.admin-list{display:grid;gap:9px}.admin-row{display:flex;gap:9px}.admin-row input{margin:0}.admin-row button{flex:0 0 42px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--danger)}.panel-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--canvas) 55%,transparent);border-radius:0 0 16px 16px}.message{padding:11px 14px;margin:0 26px 16px;border-radius:9px;background:var(--success-soft);color:var(--success);font-size:12px}.message.error{background:var(--danger-soft);color:var(--danger)}.login-card .message{margin:0 0 12px}.backdrop{display:none}
@media(max-width:760px){.login-wrap{display:block;background:var(--canvas);padding:24px}.login-art{display:none}.login-card{background:var(--surface);margin:9vh auto 0;padding:28px 24px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.mobile-brand{display:flex;margin-bottom:36px}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.shell.menu-open .sidebar{transform:none}.content{margin-left:0}.topbar{height:64px;padding:0 15px}.topbar #menu{display:block}.crumb{display:none}.page{padding:16px}.hero{min-height:180px;padding:28px 24px}.hero h1{font-size:25px}.hero-orbit{display:none}.summary-grid{grid-template-columns:1fr}.panel-head,.section-title{align-items:flex-start;flex-direction:column}.panel-head,.form-section{padding-left:18px;padding-right:18px}.section-title .secondary{width:100%}.panel-actions{padding:16px 18px}.message{margin-left:18px;margin-right:18px}.backdrop{position:fixed;z-index:20;inset:0;border:0;background:#07122677}.shell.menu-open .backdrop{display:block}}