*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1d1f24;background:#f4f5f7;font-size:14px}.page{max-width:1440px;margin:0 auto;padding:0 24px 48px}.filters{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e3e6ea;padding:14px 24px;gap:20px;flex-wrap:wrap;box-shadow:0 1px 4px rgba(0,0,0,.04)}.filters,.filters .group{display:flex;align-items:center}.filters .group{gap:8px}.filters label{font-weight:600;color:#4a4f57}.filters input,.filters select{padding:6px 10px;border:1px solid #cbd0d6;border-radius:6px;font-size:14px;background:#fff}.filters .spacer{flex:1 1}.title{font-size:22px;font-weight:700;margin:24px 0 8px}.userbox{display:flex;align-items:center;gap:12px;color:#4a4f57}.btn{padding:6px 14px;border:1px solid #cbd0d6;border-radius:6px;background:#fff;cursor:pointer;font-size:14px}.btn:hover{background:#f0f2f4}.section{margin-top:28px}.section h2{font-size:18px;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid #e3e6ea}.chart-card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:14px 16px 8px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.chart-card h3{font-size:14px;font-weight:600;margin:0 0 8px;color:#4a4f57}.grid-full{margin-bottom:16px}.grid-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.tooltip{background:#fff;border:1px solid #cbd0d6;border-radius:8px;padding:10px 12px;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.tooltip .t-date{font-weight:700;margin-bottom:6px}.tooltip .t-row{display:flex;justify-content:space-between;gap:18px}.tooltip .t-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}.state{padding:40px;text-align:center;color:#6b7178}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f5f7}.login-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;padding:32px;width:340px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.login-card h1{font-size:20px;margin:0 0 4px}.login-card p.sub{margin:0 0 20px;color:#6b7178}.login-card .field{margin-bottom:14px}.login-card label{display:block;font-weight:600;margin-bottom:6px;color:#4a4f57}.login-card input{width:100%;padding:10px 12px;border:1px solid #cbd0d6;border-radius:6px;font-size:14px}.login-card button{width:100%;padding:11px;background:#4a90d9;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.login-card .err{background:#ffecec;color:#c0392b;border:1px solid #f5c6c6;padding:8px 10px;border-radius:6px;margin-bottom:14px;font-size:13px}.nav-links{gap:8px}.page.narrow{max-width:520px}.meta-line{color:#6b7178;margin-bottom:16px}.notice{background:#fff7e6;border:1px solid #ffe1a8;color:#8a6d3b;padding:10px 12px;border-radius:8px;margin-bottom:16px}.form-card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:20px;margin-top:16px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.form-card h3{margin:0 0 14px;font-size:15px}.form-card .field{margin-bottom:14px}.form-card label{display:block;font-weight:600;margin-bottom:6px;color:#4a4f57}.form-card input{width:100%;padding:10px 12px;border:1px solid #cbd0d6;border-radius:6px;font-size:14px}button.primary{padding:10px 18px;background:#4a90d9;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}button.primary:disabled{opacity:.6;cursor:default}button.primary.full{width:100%;margin-top:16px}.success{background:#e8f6ec;color:#1e7e34;border:1px solid #b7e1c1;border-radius:6px;margin-bottom:14px}.err.inline,.success{padding:8px 10px;font-size:13px}.err.inline{background:#ffecec;color:#c0392b;border:1px solid #f5c6c6;border-radius:6px;margin:12px 0}.create-user .create-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.create-user .create-row input,.create-user .create-row select{padding:9px 11px;border:1px solid #cbd0d6;border-radius:6px;font-size:14px}.create-user .create-row input{flex:1 1;min-width:140px}.create-user .hint{margin-top:10px;color:#6b7178;font-size:13px}.users-table{width:100%;border-collapse:collapse;margin-top:20px;background:#fff;border:1px solid #e3e6ea;border-radius:10px;overflow:hidden}.users-table td,.users-table th{text-align:left;padding:11px 14px;border-bottom:1px solid #eef0f2;font-size:14px}.users-table th{background:#f8f9fa;font-weight:600;color:#4a4f57}.users-table tr:last-child td{border-bottom:none}.users-table .actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:2px 8px;border-radius:10px;background:#eef0f2;color:#4a4f57;font-size:12px;font-weight:600}.badge.admin{background:#e6f0fb;color:#2566a8}.btn.danger{color:#c0392b;border-color:#f0c4bd}.btn.danger:hover:not(:disabled){background:#fdf0ee}.btn:disabled{opacity:.5;cursor:default}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#fff;border-radius:12px;padding:26px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.modal h3{margin:0 0 12px}.modal-hint{color:#6b7178;font-size:13px}.pw-box{display:flex;align-items:center;gap:10px;background:#f4f5f7;border:1px solid #e3e6ea;border-radius:8px;padding:10px 12px;margin-top:10px}.pw-box code{flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;word-break:break-all}.kpi-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:12px;gap:12px;margin:20px 0 8px}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.kpi-card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:12px 14px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.kpi-label{font-size:12px;color:#6b7178;margin-bottom:6px}.kpi-hint{color:#9aa0a6}.kpi-val{font-size:20px;font-weight:700;color:#1d1f24}.kpi-val.neg{color:#c0392b}.grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1000px){.grid-three{grid-template-columns:1fr}}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card-head h3{margin:0}.tabs{display:flex;gap:6px}.tab{padding:4px 10px;border:1px solid #cbd0d6;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;color:#4a4f57}.tab.on{background:#4a90d9;color:#fff;border-color:#4a90d9}.l2-table{width:100%;border-collapse:collapse;font-size:13px}.l2-table td,.l2-table th{text-align:right;padding:7px 8px;border-bottom:1px solid #eef0f2;white-space:nowrap}.l2-table td:first-child,.l2-table th:first-child{text-align:left}.l2-table th{color:#6b7178;font-weight:600}.l2-table td.art{max-width:150px;overflow:hidden;text-overflow:ellipsis}.l2-table td.neg{color:#c0392b}.l2-table td.muted{text-align:center;color:#9aa0a6;padding:18px}.bar-cell{position:relative;min-width:120px}.bar-cell .bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:16px;background:rgba(74,144,217,.16);border-radius:3px;z-index:0}.bar-cell .bar-num{position:relative;z-index:1}.legend-note{margin:0 0 6px;font-size:12px;color:#9aa0a6}.l2-foot{margin-top:24px;color:#6b7178;font-size:12px;display:flex;flex-wrap:wrap;gap:14px}.ms{position:relative;display:flex;align-items:center;gap:8px}.ms>label{font-weight:600;color:#4a4f57}.ms-btn{display:flex;align-items:center;gap:8px;min-width:110px;max-width:200px;padding:6px 10px;border:1px solid #cbd0d6;border-radius:6px;background:#fff;cursor:pointer;font-size:14px}.ms-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;text-align:left}.ms-caret{color:#9aa0a6;font-size:11px}.ms-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;background:#fff;border:1px solid #cbd0d6;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);width:260px;padding:8px}.ms-search{width:100%;padding:7px 9px;border:1px solid #cbd0d6;border-radius:6px;font-size:13px;margin-bottom:6px}.ms-actions{display:flex;justify-content:space-between;align-items:center;padding:0 2px 6px}.ms-link{background:none;border:none;color:#4a90d9;cursor:pointer;font-size:12px;padding:0}.ms-count{color:#9aa0a6;font-size:12px}.ms-list{max-height:260px;overflow-y:auto}.ms-item{display:flex;align-items:center;gap:8px;padding:5px 4px;font-size:13px;cursor:pointer;border-radius:4px}.ms-item:hover{background:#f4f5f7}.ms-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-empty{color:#9aa0a6;font-size:13px;padding:8px;text-align:center}