:root{--bg: #f4f6fa;--panel: #ffffff;--border: #e9edf3;--text: #1b2330;--muted: #8a94a6;--accent: #2b7fff;--accent-weak: #e8f1ff;--green: #16a34a;--green-weak: #e5f6eb;--red: #dc2626;--red-weak: #fdecec;--purple: #7c3aed;--purple-weak: #f1e9fe;--orange: #ea8a0c;--orange-weak: #fdf1df;--blue-weak: #e8f1ff;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--radius: 14px}html.dark{--bg: #10141c;--panel: #171d28;--border: #262e3d;--text: #e6eaf2;--muted: #8a94a6;--accent: #4d94ff;--accent-weak: #1c2c47;--green-weak: #12291c;--red-weak: #331a1c;--purple-weak: #251c3d;--orange-weak: #33240f;--blue-weak: #1c2c47;--shadow: none}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}h3,h4{margin:0 0 10px}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex:0 0 216px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.brand-mark{width:34px;height:34px;border-radius:10px;flex:0 0 34px;background:linear-gradient(135deg,#2b7fff,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.brand-name{font-weight:700;font-size:15px}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:12px;color:var(--muted);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--text);font-size:14px;cursor:pointer;border:0;background:transparent;text-align:left;width:100%}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--accent-weak);color:var(--accent);font-weight:600}.nav-item .ico{width:17px;text-align:center;opacity:.85}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:center;gap:9px;padding-left:8px}.avatar{width:30px;height:30px;border-radius:50%;flex:0 0 30px;background:var(--accent-weak);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}.foot-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.foot-mail{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.icon-btn{margin-left:auto;border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:8px;width:28px;height:28px;cursor:pointer;font-size:13px}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--panel);border-bottom:1px solid var(--border);padding:12px 22px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:5}.topbar h2{font-size:17px;margin:0;font-weight:700}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.content{padding:18px 22px 30px;max-width:1400px;width:100%;margin:0 auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:14px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:20px}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.green{background:var(--green-weak);color:var(--green)}.pill.red{background:var(--red-weak);color:var(--red)}.pill.purple{background:var(--purple-weak);color:var(--purple)}.pill.blue{background:var(--blue-weak);color:var(--accent)}.pill.orange{background:var(--orange-weak);color:var(--orange)}.pill.gray{background:var(--bg);color:var(--muted)}input,select,textarea{font-size:14px;padding:8px 12px;color:var(--text);border:1px solid var(--border);border-radius:10px;background:var(--panel);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{opacity:.92;color:#fff}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.warn{background:var(--orange);border-color:var(--orange);color:#fff}.btn:disabled{opacity:.55;cursor:default}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:500}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search{display:flex;align-items:center;gap:6px;flex:1;min-width:200px;max-width:340px}.search input{width:100%}.seg{display:inline-flex;background:var(--bg);border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:transparent;color:var(--muted);padding:5px 14px;border-radius:8px;font-size:13px;cursor:pointer}.seg button.on{background:var(--panel);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.count{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.dcard{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px 12px;box-shadow:var(--shadow);display:flex;flex-direction:column}.dcard-head{display:flex;align-items:center;gap:8px}.dcard-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dcard-sub{font-size:12px;color:var(--muted);margin:3px 0 12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin-bottom:10px}.stat .k{font-size:12px;color:var(--muted);margin-bottom:3px}.stat .v{font-size:14px;font-weight:600;color:var(--text)}.stat .v.blue{color:var(--accent)}.stat .v.purple{color:var(--purple)}.stat .v.orange{color:var(--orange)}.dcard-foot{border-top:1px solid var(--border);margin-top:auto;padding-top:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(800px 400px at 15% 0%,var(--accent-weak),transparent),radial-gradient(700px 380px at 90% 100%,var(--purple-weak),transparent),var(--bg);padding:20px}.auth-card{width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:30px 30px 26px;box-shadow:var(--shadow)}.auth-card .brand{justify-content:center;padding-bottom:6px}.auth-card h3{text-align:center;font-size:18px;margin:6px 0 18px}.auth-card input{width:100%;margin-bottom:12px}.auth-card .btn{width:100%;padding:10px}.auth-alt{text-align:center;font-size:13px;color:var(--muted);margin-top:14px}.err{color:var(--red);font-size:13px;margin:4px 0 10px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Consolas,monospace}