:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#23344d;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 10% 10%,#dcecff 0,#f4f7fb 44%,#fdf8f1)}.login-card{width:min(430px,100%);padding:44px 38px;background:#fff;border:1px solid #e6edf5;border-radius:26px;box-shadow:0 24px 70px #294b7220}.brand-mark,.brand-small{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f77bd,#142f54);font-weight:900}.brand-mark{width:58px;height:58px;border-radius:18px;font-size:28px}.eyebrow{margin:16px 0 4px;color:#7f91a8;font-size:11px;letter-spacing:.16em;font-weight:800}.login-card h1,.topbar h1{margin:0;color:#183253;font-size:30px}.muted{color:#8493a6}.login-form{display:grid;gap:18px;margin-top:28px}.login-form label,.form-grid label{display:grid;gap:7px;color:#53667c;font-size:13px;font-weight:700}.login-form input,.form-grid input,.toolbar input{width:100%;padding:12px 13px;border:1px solid #dce5ef;border-radius:11px;outline:0;color:#1f3552;background:#fbfdff}.login-form input:focus,.form-grid input:focus,.toolbar input:focus{border-color:#4f91d4;box-shadow:0 0 0 3px #4f91d422}.primary-button{padding:13px 18px;border-radius:11px;background:#1f5f9f;color:#fff;font-weight:800;box-shadow:0 8px 16px #1f5f9f2b}.primary-button.compact{margin-top:20px;padding:10px 18px}.error-text{margin:0;color:#c54949;font-size:13px}.login-foot{margin:26px 0 0;color:#9aaabd;font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:28px 16px;display:flex;flex-direction:column;background:#102a47;color:#dbe9f8}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand small,.brand b{display:block}.brand b{font-size:15px}.brand small{margin-top:4px;color:#89a6c4;font-size:11px}.brand-small{width:36px;height:36px;border-radius:11px}.sidebar nav{display:grid;gap:7px}.sidebar nav button,.sign-out{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:11px;text-align:left;color:#a8c0d9;background:transparent}.sidebar nav button.active,.sidebar nav button:hover,.sign-out:hover{color:#fff;background:#28547c}.sidebar nav button span{font-size:14px}.sign-out{margin-top:auto;color:#8da7c0}.main-content{width:calc(100% - 236px);margin-left:236px;padding:40px clamp(20px,4vw,58px) 70px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px}.topbar h1{font-size:28px}.admin-chip{padding:7px 12px;border-radius:30px;color:#2c648f;background:#e2f1ff;font-size:12px;font-weight:800}.notice{position:fixed;right:28px;top:22px;z-index:4;max-width:360px;padding:12px 17px;border:1px solid #cde1f3;border-radius:12px;color:#245e8e;background:#eff8ff;box-shadow:0 10px 26px #28557921}.content-grid{display:grid;gap:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;padding:22px;border:1px solid #e2eaf2;border-radius:18px;background:#fff}.metric-card:after{position:absolute;right:-24px;bottom:-34px;width:100px;height:100px;border-radius:50%;content:"";opacity:.12}.accent-blue:after{background:#3587cb}.accent-orange:after{background:#ec8b36}.accent-green:after{background:#3aaf77}.accent-purple:after{background:#8b65cc}.metric-card span,.metric-card small{display:block;color:#8192a8;font-size:12px}.metric-card strong{display:block;margin:12px 0 3px;color:#1b3d61;font-size:30px}.panel{min-width:0;padding:22px;border:1px solid #e2eaf2;border-radius:18px;background:#fff;box-shadow:0 8px 26px #274b7110}.wide-panel{min-height:300px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-head h2{margin:0;color:#244467;font-size:18px}.panel-head p{margin:5px 0 0;color:#8a9caf;font-size:12px}.ghost-button{padding:9px 12px;border:1px solid #d7e2ee;border-radius:9px;color:#3b6488;background:#fff;font-size:12px;font-weight:800}.ghost-button:hover{background:#f2f7fb}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:11px;text-align:left;color:#91a0b1;background:#f7fafe;font-size:11px;font-weight:800;white-space:nowrap}td{padding:14px 11px;border-bottom:1px solid #edf1f5;color:#52657b;white-space:nowrap}td small{display:block;margin-top:3px;color:#8d9bad}.status,.vip{display:inline-block;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:800}.status.normal{color:#287a55;background:#e8f7ef}.status.frozen{color:#a56a1c;background:#fff4dd}.status.cancelled{color:#a64255;background:#ffebef}.vip{color:#8e6210;background:#fff3c8}.openid{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;color:#71859b;font-family:ui-monospace,monospace;font-size:11px}.actions{display:flex;gap:5px;flex-wrap:wrap}.small-button{padding:6px 8px;border:1px solid #dce5ee;border-radius:7px;color:#4f6880;background:#fff;font-size:11px;font-weight:700}.small-button:hover{background:#f3f7fb}.small-button.warn{color:#9c6a18;background:#fff8e9}.small-button.good{color:#237a53;background:#effbf4}.small-button.danger{color:#b13e50;background:#fff0f2}.small-button.vip-button{color:#8b6113;background:#fff6d9}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-card{position:relative;padding:20px;text-align:left;border:1px solid #dfebf4;border-radius:16px;background:#fff}.quick-card b,.quick-card span{display:block}.quick-card b{color:#294b6e}.quick-card span{margin-top:6px;color:#8798aa;font-size:12px}.quick-card em{position:absolute;right:20px;top:25px;color:#4a86b8;font-size:22px;font-style:normal}.toolbar{display:flex;gap:8px}.toolbar input{width:210px;padding:9px 11px;font-size:12px}.empty{padding:38px!important;text-align:center;color:#9aaabd}.words-layout{grid-template-columns:minmax(300px,360px) 1fr;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.import-box{display:grid;gap:8px;margin-top:26px;padding:15px;border:1px dashed #ccdcea;border-radius:12px;color:#71859a;font-size:12px}.import-box b{color:#355a7d}.import-box .ghost-button{justify-self:start}.word-list{display:grid;gap:2px}.word-row{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid #edf1f5}.word-emoji{width:30px;font-size:22px;text-align:center}.word-main{flex:1;min-width:0}.word-main b,.word-main small{display:block}.word-main b{color:#274969}.word-main small{margin-top:4px;overflow:hidden;color:#8d9bad;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.word-level{color:#899bb0;font-size:11px}.word-row .small-button{flex:none}@media (max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.words-layout{grid-template-columns:1fr}}@media (max-width:680px){.sidebar{position:static;width:100%;height:auto;padding:14px;display:block}.app-shell{display:block}.brand{padding:0 4px 12px}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{flex:1;justify-content:center;padding:9px}.sidebar nav button span{font-size:12px}.sign-out{position:absolute;right:10px;top:15px;padding:7px}.main-content{width:auto;margin:0;padding:24px 14px 40px}.topbar{margin-bottom:20px}.topbar h1{font-size:23px}.panel{padding:15px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:25px}.panel-head{align-items:flex-start;flex-direction:column}.panel-head .toolbar{width:100%}.toolbar input{flex:1;width:auto}.quick-grid{grid-template-columns:1fr}.table-wrap{margin:0 -15px;padding:0 15px}.login-card{padding:34px 24px}.form-grid{grid-template-columns:1fr}}.metric-card.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.metric-card.clickable:hover{transform:translateY(-2px);box-shadow:0 12px 26px #274b7118}.detail-panel{min-height:0}