:root{--ink:#172534;--muted:#71808d;--line:#e4eaee;--surface:#fff;--page:#f4f7f8;--green:#14a27b;--cyan:#36a8c4;--amber:#d99032;--red:#d55a52;--navy:#1b2f3d}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.5 Inter,"PingFang SC","Microsoft YaHei",sans-serif}.topbar{height:72px;padding:0 5vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#25a88a;font-weight:800;font-size:20px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#9fb3bd;font-size:9px;letter-spacing:1.4px}.topbar-meta{display:flex;align-items:center;gap:11px;color:#afc0c7;font-size:12px}.live-dot{width:7px;height:7px;background:#45d79f;border-radius:50%;box-shadow:0 0 0 4px #2a4b55}.divider{height:18px;width:1px;background:#45606b}.icon-button{border:0;background:transparent;color:#b8c8ce;font-size:21px;cursor:pointer}.content{max-width:1440px;margin:auto;padding:34px 5vw 56px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.eyebrow{margin:0 0 8px;color:#87959e;font-size:10px;font-weight:700;letter-spacing:1.5px}.hero-row h1{margin:0;font-size:28px}.hero-note{margin:7px 0 0;color:var(--muted)}.range-switch{display:flex;gap:5px;background:#e8eef0;padding:4px;border-radius:7px}.range{border:0;background:transparent;color:#75838b;padding:8px 15px;border-radius:5px;cursor:pointer}.range.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #142b3514}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.kpi-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:6px}.kpi-card{padding:19px 18px 17px}.kpi-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.kpi-icon{color:var(--cyan)}.kpi-value{margin-top:7px;font-size:27px;font-weight:750}.kpi-foot{display:flex;gap:6px;color:#73828b;font-size:11px;margin-top:8px}.up{color:var(--green)}.down{color:var(--red)}.main-grid,.lower-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.panel{padding:22px 24px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.panel-heading h2{font-size:17px;margin:0}.legend{display:flex;gap:17px;color:#788790;font-size:11px;padding-top:10px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.inbound{background:var(--cyan)}.outbound{background:var(--green)}.chart-wrap{height:270px;margin-top:13px}.chart-wrap svg{width:100%;height:100%}.chart-grid{stroke:#edf1f2}.chart-label{fill:#9aa8ae;font-size:11px}.chart-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{opacity:.08}.badge{padding:4px 9px;border-radius:100px;font-size:10px;font-weight:700}.badge.green{background:#e6f6f0;color:#148461}.badge.amber{background:#fff3df;color:#af6c16}.activity-list{margin-top:18px}.activity-item{display:grid;grid-template-columns:24px 1fr auto;gap:11px;padding:0 0 18px;position:relative}.activity-item:not(:last-child):after{content:"";position:absolute;left:11px;top:22px;height:calc(100% - 12px);border-left:1px dashed #d8e1e4}.activity-dot{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#eaf7f5;color:var(--green);font-size:11px;z-index:1}.activity-dot.alert{background:#fff3e1;color:var(--amber)}.activity-copy strong{font-size:12px}.activity-copy p,.alert-item p{margin:3px 0 0;color:var(--muted);font-size:11px}.activity-time,.alert-time{color:#a0adb3;font-size:11px}.capacity-layout{display:grid;grid-template-columns:178px 1fr;gap:22px;align-items:center;margin-top:16px}.donut{width:164px;height:164px;border-radius:50%;background:conic-gradient(var(--green) 0 78.4%,#e8eef0 78.4%);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:116px;height:116px;background:#fff;border-radius:50%}.donut div{position:relative;text-align:center}.donut strong{display:block;font-size:24px}.donut span{display:block;color:var(--muted);font-size:10px}.zone-row{margin:0 0 14px}.zone-meta{display:flex;justify-content:space-between;color:#61717a;font-size:11px;margin-bottom:5px}.zone-bar{height:6px;background:#edf2f3;border-radius:5px;overflow:hidden}.zone-fill{height:100%;border-radius:5px;background:var(--green)}.zone-fill.warn{background:var(--amber)}.text-button{border:0;background:none;color:#188b78;cursor:pointer;font-size:11px}.alert-list{margin-top:17px}.alert-item{display:grid;grid-template-columns:24px 1fr auto;gap:11px;padding:12px 0;border-bottom:1px solid #eff2f3}.alert-item:last-child{border-bottom:0}.alert-icon{width:22px;height:22px;border-radius:50%;background:#e8f6f1;color:var(--green);display:grid;place-items:center;font-weight:700;font-size:11px}.alert-item.high .alert-icon{background:#fff0df;color:var(--amber)}.alert-item strong{font-size:12px}.table-tools{display:flex;gap:14px;align-items:center}.filter-button{border:1px solid var(--line);background:#fff;border-radius:4px;padding:7px 10px;color:#728089;font-size:11px}.table-scroll{overflow-x:auto;margin-top:15px}table{width:100%;border-collapse:collapse;min-width:680px}th{text-align:left;color:#96a3a9;font-size:10px;padding:9px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #f0f3f4;font-size:12px}td:first-child{font-weight:700;color:#264252}.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:10px}.status.completed{background:#e8f7f1;color:#168966}.status.processing{background:#eaf5f9;color:#287f99}.status.pending{background:#f1f3f4;color:#718089}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}}@media(max-width:700px){.topbar{padding:0 18px;height:64px}.topbar-meta span:not(.live-dot),.topbar-meta .divider{display:none}.content{padding:25px 16px 40px}.hero-row{display:block}.range-switch{margin-top:19px;width:max-content}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:9px}.kpi-card{padding:14px}.kpi-value{font-size:23px}.panel{padding:17px 15px}.capacity-layout{grid-template-columns:1fr;justify-items:center}.chart-wrap{height:225px}.hero-row h1{font-size:24px}}
.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef3f4}.login-panel{width:min(400px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px;box-shadow:0 18px 60px rgba(23,37,52,.12)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand strong{display:block;font-size:16px}.login-brand small{display:block;color:#87959e;font-size:9px;letter-spacing:1.4px}.login-panel h1{font-size:24px;margin:0 0 24px}.login-panel label,.modal label{display:grid;gap:7px;color:#53646e;font-size:12px;font-weight:600;margin-bottom:16px}.login-panel input,.modal input,.modal select,.filter-select{width:100%;border:1px solid #d8e1e4;background:#fff;border-radius:5px;color:var(--ink);font:inherit;padding:10px 11px;outline:none}.login-panel input:focus,.modal input:focus,.modal select:focus,.filter-select:focus{border-color:#24a287;box-shadow:0 0 0 3px rgba(20,162,123,.1)}.primary-button,.secondary-button,.header-button,.table-action{border:0;border-radius:5px;cursor:pointer;font:inherit}.primary-button{background:#168d73;color:#fff;padding:9px 14px;font-weight:700}.primary-button:hover{background:#11765f}.secondary-button{background:#edf2f3;color:#52636c;padding:9px 14px}.login-button{width:100%;padding:11px}.form-error{min-height:20px;margin:0 0 10px;color:#c54e43;font-size:12px}.header-button{background:transparent;color:#d2dde1;padding:5px 4px;font-size:11px}.header-button:hover{color:#fff}.filter-select{width:auto;min-width:112px;padding:8px 28px 8px 10px}.orders-panel{padding-bottom:11px}.row-actions{white-space:nowrap}.table-action{background:#eaf5f2;color:#167a65;padding:5px 8px;margin-right:5px;font-size:11px}.table-action.danger{background:#fff0ed;color:#bd4d44}.empty-cell{text-align:center;color:#8a989f;padding:28px}.modal{width:min(640px,calc(100vw - 32px));border:0;border-radius:8px;padding:0;box-shadow:0 24px 80px rgba(20,35,45,.25)}.modal::backdrop{background:rgba(15,30,40,.48)}.modal form{padding:24px}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-heading h2{margin:0;font-size:19px}.icon-button.dark{color:#667680;padding:0 5px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.full-field{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.small-modal{width:min(430px,calc(100vw - 32px))}.toast{position:fixed;right:24px;bottom:24px;z-index:20;background:#183c35;color:#fff;padding:11px 15px;border-radius:6px;box-shadow:0 12px 30px rgba(20,35,45,.2);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9b3d37}@media(max-width:700px){.login-panel{padding:25px}.topbar-meta{gap:7px}.header-button{font-size:10px}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.panel-heading{align-items:center}.table-tools{flex-wrap:wrap;justify-content:flex-end}}