:root{--blue:#438eb9;--blue-dark:#2b6f9b;--blue-soft:#eef7fc;--border:#dce4ea;--text:#334155;--muted:#7b8a9a;--bg:#f4f6f9;--green:#3aa675;--orange:#e59a3a;--purple:#886cc0;--danger:#cc4b4b;--sidebar:228px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:14px}button,input,select{font:inherit}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:56px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 2px 8px rgba(32,65,92,.2)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:21px;font-weight:600;letter-spacing:.5px}.brand-mark{font-size:25px;line-height:1;transform:rotate(-18deg);display:inline-block}.topbar-user{height:100%;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:#fff;color:var(--blue-dark);display:grid;place-items:center;font-weight:700;border:2px solid rgba(255,255,255,.65)}.welcome{display:flex;flex-direction:column;font-size:13px}.welcome small{opacity:.76}.topbar-user form{margin:0}.topbar-link{border:0;background:transparent;color:#fff;cursor:pointer;padding:18px 4px 18px 12px}.topbar-link:hover{text-decoration:underline}.app-shell{padding-top:56px;min-height:100vh}.sidebar{position:fixed;z-index:10;left:0;top:56px;bottom:0;width:var(--sidebar);background:#fff;border-right:1px solid #d5dde3;padding:10px 0 54px;overflow:auto}.nav-group-title{padding:16px 22px 6px;color:#9aa7b3;font-size:12px;letter-spacing:.8px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 20px;color:#5d6772;text-decoration:none;border-top:1px solid transparent;border-bottom:1px solid transparent}.nav-item:hover{background:#f5f9fc;color:var(--blue-dark)}.nav-item.active{background:#eef6fb;color:#2e7cae;font-weight:600;border-color:#d7e8f3}.nav-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--blue)}.nav-icon{width:22px;text-align:center;font-size:17px;color:#6f7d88}.nav-item.active .nav-icon{color:var(--blue)}.sidebar-status{position:fixed;bottom:0;left:0;width:var(--sidebar);background:#f8fafb;border-top:1px solid var(--border);padding:14px 20px;color:#71808e;font-size:12px}.sidebar-status span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42b883;margin-right:7px;box-shadow:0 0 0 3px rgba(66,184,131,.14)}.main-content{margin-left:var(--sidebar);padding:0 24px 28px;min-height:calc(100vh - 56px)}.breadcrumb{height:48px;display:flex;align-items:center;gap:9px;color:#94a0ab;border-bottom:1px solid #e2e7eb;margin-bottom:20px}.breadcrumb a{color:var(--blue);text-decoration:none}.breadcrumb strong{color:#657480;font-weight:500}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.page-header h1{font-size:24px;font-weight:500;margin:0 0 4px;color:#445766}.page-header p,.panel-title p{margin:0;color:var(--muted)}.badge-success,.count-pill,.role-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;background:#e8f7ef;color:#25885c;font-size:12px}.count-pill{background:#edf5fa;color:#2d79a6}.role-pill{padding:4px 9px;background:#edf4fb;color:#3678a2}.alert{border-radius:4px;padding:11px 14px;margin:0 0 16px;border:1px solid}.alert-warning{background:#fff8e5;border-color:#f1d88b;color:#8b6716}.alert-info{background:#eaf7ff;border-color:#afd8ef;color:#2b6d91}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:5px;padding:18px 20px;box-shadow:0 2px 8px rgba(39,60,80,.04)}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue)}.stat-card.green:before{background:var(--green)}.stat-card.orange:before{background:var(--orange)}.stat-card.purple:before{background:var(--purple)}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:28px;margin:7px 0 5px;color:#364b5c;font-weight:600}.panel{background:#fff;border:1px solid var(--border);border-radius:5px;margin-bottom:18px;box-shadow:0 2px 8px rgba(39,60,80,.04)}.panel-title{min-height:68px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.panel-title h2{font-size:17px;font-weight:500;margin:0 0 3px;color:#3f5566}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid #e7ecef;vertical-align:middle}th{font-weight:600;color:#667684;background:#fafbfc;font-size:13px}tbody tr:hover{background:#fbfdff}td small{display:block;color:#98a4af;margin-top:3px}.empty{text-align:center;color:#95a1ac;padding:36px}.status{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px}.status.active{color:#218556;background:#e9f7f0}.status.disabled{color:#aa4444;background:#faecec}.search-bar{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#f7f9fa;border-bottom:1px solid var(--border)}.search-bar label{color:#5582a1}.search-bar input,.settings-form input{height:38px;border:1px solid #cfd9e0;border-radius:3px;padding:0 11px;outline:none;background:#fff}.search-bar input{width:280px}.search-bar input:focus,.settings-form input:focus,.table-input:focus{border-color:#69a9ce;box-shadow:0 0 0 3px rgba(67,142,185,.1)}.primary-button,.outline-button,.small-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:3px;cursor:pointer;transition:.15s}.primary-button{height:38px;border:1px solid #3485b5;background:var(--blue);color:#fff;padding:0 18px}.primary-button:hover{background:#337fa9}.outline-button{min-height:34px;border:1px solid #b8c8d2;background:#fff;color:#52768e;padding:0 13px}.outline-button:hover{background:#f2f7fa}.small-button{height:31px;border:1px solid #3c8bb9;background:#55a1cd;color:#fff;padding:0 12px}.table-input{height:32px;border:1px solid #cfd8df;border-radius:3px;padding:0 7px;outline:none;max-width:110px}.table-input.wide{max-width:150px}.table-input.number{width:105px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:var(--muted)}.pagination>div{display:flex;gap:8px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;max-width:230px;overflow:hidden;text-overflow:ellipsis}.panel-note{margin:16px 18px;padding:12px;background:#f7f9fa;border-left:3px solid #87b9d7;color:#75838e}.settings-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px}.profile-card{text-align:center;padding:26px 22px}.profile-avatar{margin:0 auto 12px;width:72px;height:72px;border-radius:50%;background:#e8f3fa;color:var(--blue-dark);display:grid;place-items:center;font-size:28px;font-weight:700;border:4px solid #f4f9fc}.profile-card h2{margin:0 0 5px;font-size:20px}.profile-card>p{margin:0 0 20px;color:var(--muted)}.profile-card dl{margin:0;text-align:left}.profile-card dl div{display:flex;justify-content:space-between;gap:14px;padding:10px 2px;border-top:1px solid #edf0f2}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0}.settings-form{padding:20px;max-width:540px}.settings-form label{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;margin-bottom:15px}.settings-form .primary-button{margin-left:120px}footer{text-align:center;color:#9aa5ae;font-size:12px;padding:24px 0 4px}.login-page{min-height:100vh;background:#eef3f6;overflow:hidden}.login-backdrop{position:fixed;inset:0;background:linear-gradient(135deg,rgba(46,126,173,.95),rgba(28,72,104,.92)),radial-gradient(circle at 70% 20%,#fff,transparent 45%);clip-path:polygon(0 0,100% 0,100% 64%,0 92%)}.login-wrap{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(410px,100%);background:#fff;border-radius:7px;padding:32px 36px;box-shadow:0 20px 60px rgba(14,42,61,.25);border-top:4px solid #64b8e6}.login-brand{color:var(--blue);font-weight:600;font-size:20px;display:flex;align-items:center;gap:8px}.login-card h1{margin:24px 0 3px;font-size:24px;font-weight:500;color:#3e5362}.login-subtitle{margin:0 0 21px;color:#8896a2}.login-card label{display:block;color:#60717e;margin:0 0 15px}.field{height:43px;display:flex;align-items:center;margin-top:7px;border:1px solid #ced9e1;border-radius:3px;overflow:hidden}.field>span{width:42px;text-align:center;color:#7fa9c2}.field input{height:100%;min-width:0;flex:1;border:0;outline:none;padding:0 12px}.login-button{width:100%;height:44px;margin-top:5px}.login-error{padding:10px 12px;margin-bottom:14px;border-radius:3px;background:#fbeded;color:#a94141;border:1px solid #ecc3c3}.login-foot{display:flex;align-items:center;justify-content:center;margin-top:24px;color:#8c9aa5;font-size:12px}.login-foot span{width:7px;height:7px;background:#42b883;border-radius:50%;margin-right:7px}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}}@media(max-width:720px){:root{--sidebar:0px}.topbar{padding:0 12px}.brand span:last-child{font-size:17px}.welcome{display:none}.sidebar{display:none}.main-content{margin-left:0;padding:0 12px 20px}.stats-grid{grid-template-columns:1fr}.search-bar{align-items:stretch;flex-direction:column}.search-bar input{width:100%}.page-header{align-items:flex-start}.settings-form label{grid-template-columns:1fr;gap:6px}.settings-form .primary-button{margin-left:0}.login-card{padding:28px 24px}.table-input.wide{max-width:120px}}