:root{--primary: #2f6fed;--primary-dark: #1f5ad6;--primary-soft: #e8f0fe;--bg: #f4f6f9;--card: #ffffff;--text: #1f2329;--text-2: #646a73;--text-3: #8f959e;--line: #ebedf0;--danger: #e34d59;--danger-soft: #fdecee;--success: #2ba471;--warning: #e37318;--radius: 16px;--shadow: 0 8px 24px rgba(31, 35, 41, .06)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%}body{font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font-family:inherit;font-size:14px}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}.layout{display:flex;min-height:100%}.side{width:228px;background:#fff;border-right:1px solid var(--line);padding:18px 12px 14px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:4px 10px 18px}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;flex-shrink:0}.brand strong{display:block;font-size:15px}.brand span{color:var(--text-3);font-size:12px}.side a{display:flex;align-items:center;gap:10px;color:var(--text-2);text-decoration:none;padding:10px 12px;border-radius:12px;margin-bottom:4px;font-weight:600}.side a.active{background:var(--primary-soft);color:var(--primary)}.side a:hover{background:#f6f8fb;color:var(--text)}.side a.active:hover{background:var(--primary-soft);color:var(--primary)}.side-dl{margin-top:auto}.side-foot{margin-top:8px;padding:10px 4px 2px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px}.side-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none;background:var(--primary-soft)}.side-meta{min-width:0;flex:1}.side-name{font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-role{color:var(--text-3);font-size:12px;line-height:1.2;margin-top:2px}.side-out{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;color:var(--text-2)}.side-out:hover{background:#f4f6f9;color:var(--text)}.field input[readonly]{background:#f6f8fb;color:var(--text);cursor:default}.main{flex:1;padding:22px 28px 32px;overflow:auto;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.page-head h1{margin:0;font-size:22px;letter-spacing:.02em}.page-head p{margin:4px 0 0;color:var(--text-2);font-size:13px}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.head-actions input{height:36px;border:1px solid #e6e8eb;border-radius:10px;padding:0 12px;background:#fff;color:var(--text)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 18px 6px}.card-pad{padding:18px}.card h3{margin:10px 0 4px;font-size:15px}.btn{height:36px;padding:0 16px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #e3e6eb;color:var(--text);white-space:nowrap}.btn:hover:not(:disabled){border-color:#d5dae2;background:#fafbfc}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#cf3d48;border-color:#cf3d48}.btn-text{height:30px;padding:0 8px;border:0;background:transparent;color:var(--primary);font-weight:600}.btn-text:hover:not(:disabled){background:var(--primary-soft)}.btn-text.danger{color:var(--danger)}.btn-text.danger:hover:not(:disabled){background:var(--danger-soft)}.btn-block{width:100%;height:42px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.stat-board{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:#fff;border-radius:16px;padding:16px 16px 14px;box-shadow:var(--shadow);display:flex;gap:12px;align-items:center}.stat-icon{width:36px;height:36px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.stat>div{min-width:0}.stat .k{color:var(--text-2);font-size:12px;line-height:1.3}.stat .v{font-size:22px;font-weight:800;margin-top:4px;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}.card-table th:nth-child(3),.card-table td:nth-child(3),.card-table th:nth-child(6),.card-table td:nth-child(6){text-align:right}.card-table th:nth-child(4),.card-table td:nth-child(4){text-align:center}.card-table .row-ops{justify-content:flex-end}.card-table .oil-show{align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{color:var(--text-3);font-weight:600;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafbfc}.num{font-variant-numeric:tabular-nums;font-weight:650}.row-ops{display:flex;gap:2px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.tag-on{background:#e8f8f0;color:var(--success)}.tag-off{background:var(--danger-soft);color:var(--danger)}.tag-warn{background:#fff4e8;color:var(--warning);margin-left:6px}.tag-soft{background:var(--primary-soft);color:var(--primary)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;height:38px;border:1px solid #e6e8eb;border-radius:10px;padding:0 12px;outline:none;background:#fff;color:var(--text)}.field textarea{height:72px;padding:8px 12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#b9cffb;box-shadow:0 0 0 3px #2f6fed1f}.toolbar{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{width:auto;min-width:160px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#11182773;display:flex;align-items:center;justify-content:center;padding:24px}.mask-top{z-index:70}.dialog{width:480px;max-width:100%;max-height:min(86vh,720px);background:#fff;border-radius:16px;box-shadow:0 18px 50px #1118272e;display:flex;flex-direction:column}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px 20px}.dialog-head h3{margin:0;font-size:16px}.icon-btn{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--text-2)}.icon-btn:hover{background:#f4f6f9;color:var(--text)}.dialog-body{padding:4px 20px 8px;overflow:auto}.dialog-msg{margin:0 0 12px;color:var(--text-2);line-height:1.6;font-size:14px}.dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 16px}.check-table input{width:16px;height:16px;accent-color:var(--primary)}.feed-item{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.feed-main{min-width:0}.feed-main b{margin-right:8px}.feed-sub{color:var(--text-2);font-size:12px;margin-top:4px}.feed-amt{text-align:right;flex-shrink:0}.feed-amt b{font-size:16px}.plus{color:var(--success);font-weight:800;font-size:16px}.empty{padding:36px 8px;text-align:center;color:var(--text-3)}.muted{color:var(--text-2)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.bars{display:flex;flex-direction:column;gap:10px;padding:8px 0 12px}.bar-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.bar-track{height:8px;background:#eef1f6;border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:99px;min-width:2px}.bar-val{text-align:right;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.oil-picks{display:flex;flex-wrap:wrap;gap:8px}.oil-pick{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;border:1px solid #e3e6eb;background:#fff;font-weight:600;color:var(--text)}.oil-pick input{width:15px;height:15px;accent-color:var(--primary)}.oil-pick.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.oil-hint{margin:8px 0 0;font-size:12px}.oil-show{display:flex;flex-wrap:wrap;gap:6px}.oil-chip{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:700}.toast{position:fixed;left:50%;top:24px;transform:translate(-50%);background:#1f2329eb;color:#fff;padding:10px 16px;border-radius:12px;z-index:80;font-size:13px;max-width:70%}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#ffffff9e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-mask p{margin:0;color:var(--text-2);font-size:13px}.spinner{width:36px;height:36px;border:3px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.grid4,.stat-board{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:80px 1fr}.bar-val{display:none}}