:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:#172033;background:#f4f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}a{color:#1267e5;text-decoration:none}h1,h2{margin-top:0}h2{font-size:18px}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:#12213b;color:#fff;padding:24px 14px;position:fixed;inset:0 auto 0 0;z-index:20}.logo{display:block;color:#fff;font-size:20px;font-weight:800;padding:0 12px 22px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#d8e4f7;padding:11px 12px;border-radius:8px}.sidebar nav a:hover{background:#203657;color:#fff}.main-area{margin-left:220px;min-width:0;width:calc(100% - 220px)}.topbar{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:flex-end;gap:18px;background:#fff;border-bottom:1px solid #e3e9f2;position:sticky;top:0;z-index:10}.topbar form{margin:0}.content{padding:26px;max-width:1500px;margin:auto}.panel,.login-card,.stat-card{background:#fff;border:1px solid #e3e9f2;border-radius:14px;box-shadow:0 7px 24px rgba(33,64,111,.06)}.panel{padding:22px;margin-bottom:20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h1{margin-bottom:4px}.muted{color:#6d7788}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:20px}.stat-card{padding:18px}.stat-card span{display:block;color:#6d7788;font-size:13px}.stat-card strong{display:block;font-size:25px;margin-top:8px}.form-grid,.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}label{display:block;font-weight:650}input,select,textarea{width:100%;margin-top:7px;padding:10px 11px;border:1px solid #ccd5e2;border-radius:8px;font:inherit;background:#fff}textarea{resize:vertical}.field-error{display:block;color:#b42318;margin-top:5px}.alert{padding:11px 13px;border-radius:8px;margin:0 0 16px}.error{background:#fff0f0;color:#a02020}.success{background:#edf9f1;color:#176a38}button,.button{display:inline-block;border:0;border-radius:8px;background:#1267e5;color:#fff;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer;margin-top:16px;width:auto}.secondary{background:#e9eef6;color:#24344f}.danger-link{background:transparent;color:#b42318;padding:0;margin:0;font-weight:500}.link-button{background:transparent;color:#1267e5;padding:5px;margin:0}.menu-toggle{display:none;margin:0;background:transparent;color:#172033;font-size:20px}.table-wrap{overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:1000px}th,td{text-align:left;padding:10px;border-bottom:1px solid #edf0f4;white-space:nowrap;vertical-align:top}th{background:#f8fafc}.notes-cell{white-space:normal;min-width:180px;max-width:300px}.actions{display:flex;gap:10px}.actions form{margin:0}.empty{text-align:center;color:#6d7788;padding:30px}.filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.filter-actions .button,.filter-actions button{margin-top:0}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs a{padding:9px 14px;background:#fff;border-radius:8px}.tabs a.active{background:#1267e5;color:#fff}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef5ff,#f7fbff)}.login-card{width:min(100%,400px);padding:32px}.brand-mark{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#1267e5;color:#fff;font-size:24px;font-weight:800}.login-card button{width:100%}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0;width:100%}.topbar{justify-content:space-between}.menu-toggle{display:inline-block}.content{padding:16px}.section-head{align-items:flex-start}.panel{padding:17px}.form-grid,.filter-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}

.dashboard-heading,.dashboard-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-heading{margin-bottom:20px}.dashboard-heading h1,.dashboard-section-title h2{margin-bottom:4px}.quick-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quick-links a{background:#fff;border:1px solid #dce4ef;border-radius:8px;padding:8px 11px}.period-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.period-pills a{padding:8px 13px;border-radius:18px;background:#edf2f8;color:#43516a}.period-pills a.active{background:#1267e5;color:#fff}.dashboard-filter input,.dashboard-filter select{margin-top:6px}.dashboard-loading{background:#fff;border-radius:14px;padding:40px;text-align:center;color:#6d7788}.dashboard-metrics{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:14px;margin:12px 0 16px}.metric-card{background:#fff;border:1px solid #e2e8f1;border-radius:13px;padding:17px;box-shadow:0 5px 18px rgba(33,64,111,.05)}.metric-card>span{display:block;color:#68758a;font-size:13px}.metric-card>strong{display:block;font-size:24px;margin:7px 0}.change{font-size:12px}.change.up{color:#16834b}.change.down{color:#c14343}.change.same{color:#7a8494}.rate-grid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));gap:10px;margin-bottom:20px}.rate-grid article{background:#eaf2ff;border-radius:10px;padding:12px}.rate-grid span{display:block;color:#596b87;font-size:12px}.rate-grid strong{display:block;margin-top:5px;font-size:18px}.dashboard-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-box{position:relative;width:100%;min-height:280px;margin:12px 0 18px}.chart-box canvas{display:block;max-width:100%}.chart-empty{height:280px;display:grid;place-items:center;color:#7a8494;background:#f8fafc;border-radius:10px}.dashboard-table{font-size:13px}.alert-list{display:grid;gap:9px}.alert-item{display:flex;gap:14px;align-items:center;padding:11px 13px;border-radius:9px;border-left:4px solid #df9c28;background:#fff9ed;color:#423b2c}.alert-item.danger{border-left-color:#c84b4b;background:#fff1f1}.alert-item strong{min-width:85px}.alert-item span{color:#596273}
@media(max-width:1100px){.dashboard-metrics{grid-template-columns:repeat(3,1fr)}.rate-grid{grid-template-columns:repeat(4,1fr)}.dashboard-two{grid-template-columns:1fr}}
@media(max-width:800px){.dashboard-heading,.dashboard-section-title{display:block}.quick-links{justify-content:flex-start;margin-top:12px}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.rate-grid{grid-template-columns:repeat(2,1fr)}.metric-card>strong{font-size:20px}.alert-item{display:block}.alert-item strong{display:block;margin-bottom:4px}}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 18px}.timeline-item{border-left:3px solid #1267e5;padding:8px 14px;margin:12px 0;background:#f8fafc;border-radius:0 8px 8px 0}.timeline-item p{white-space:pre-wrap}.topbar>a strong{display:inline-block;background:#c33;color:#fff;border-radius:12px;padding:1px 6px;font-size:11px}
.chart-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:#647087;font-size:12px}.chart-legend span::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.chart-legend .blue::before{background:#1267e5}.chart-legend .green::before{background:#16a085}.chart-legend .orange::before{background:#f39c12}.chart-legend .red::before{background:#d35400}