:root{--navy:#102b3a;--navy2:#173d50;--mint:#20b7a2;--cream:#f3f0e8;--ink:#223947;--line:#dfe7ea;--gold:#d5a72f;--red:#c4483f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f4;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input,select{font:inherit}.topbar{height:62px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:white}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand span{display:grid;place-items:center;width:37px;height:37px;background:var(--mint);font-weight:900}.brand b{letter-spacing:.08em}.top-actions{display:flex;align-items:center;gap:9px;font-size:11px;color:#b8c9d2}.top-actions i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #20b7a222}.top-actions button{margin-left:15px;padding:8px 13px;border:1px solid #ffffff3b;border-radius:4px;background:transparent;color:white;cursor:pointer}.hero{padding:52px clamp(24px,7vw,110px) 80px;display:grid;grid-template-columns:1fr 280px;align-items:center;gap:40px;background:linear-gradient(135deg,#112f3f,#173e4e);color:white}.hero p,.table-toolbar p{margin:0 0 10px;color:var(--mint);font-size:10px;font-weight:900;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-.04em}.hero h1 em{color:var(--mint);font-style:normal}.hero>div>span{display:block;margin-top:20px;color:#b7c9d2;font-size:13px}.margin-control{padding:24px;border:1px solid #ffffff24;background:#ffffff0c}.margin-control>span,.margin-control small{display:block;color:#b7c9d2;font-size:11px}.margin-control strong{display:flex;align-items:baseline;margin:8px 0;font-size:22px;color:var(--mint)}.margin-control input{width:105px;border:0;border-bottom:1px solid #ffffff38;outline:0;background:transparent;color:white;font-size:44px;font-weight:800}.kpis{position:relative;margin:-35px clamp(24px,5vw,72px) 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article{min-height:125px;padding:22px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #102b3a0a}.kpis span,.kpis small{display:block;color:#8495a0;font-size:10px}.kpis strong{display:block;margin:9px 0 5px;color:var(--navy);font-size:32px}.kpis .warning-card strong{color:var(--red)}.analysis{padding:0 clamp(24px,5vw,72px) 28px;display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:24px;background:white;border:1px solid var(--line)}.panel-title{display:flex;justify-content:space-between;margin-bottom:18px}.panel-title span{color:var(--mint);font-size:10px;font-weight:800}.panel-title h2{margin:4px 0 0;font-size:18px;color:var(--navy)}.panel-title small{color:#91a2ad;font-size:10px}.bar-chart{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;align-items:center;gap:10px;font-size:10px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667b89}.bar-track{height:8px;position:relative;background:#eef3f5;border-radius:8px;overflow:hidden}.bar-track i,.bar-track b{position:absolute;left:0;display:block;height:50%}.bar-track i{top:0;background:#91b9d0}.bar-track b{bottom:0;background:var(--mint)}.bar-row strong{font-size:10px}.legend{display:flex;gap:18px;margin-top:16px;color:#81919c;font-size:10px}.legend i{display:inline-block;width:7px;height:7px;margin-right:5px}.cost-dot{background:#91b9d0}.price-dot{background:var(--mint)}.donut-wrap{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:22px}.donut{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center}.donut>div{width:82px;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:white}.donut strong,.donut span{display:block}.donut strong{font-size:25px;color:var(--navy)}.donut span{font-size:10px;color:#81929d}.band-list{display:grid;gap:8px}.band-list>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;color:#637683;font-size:10px}.band-list i{width:7px;height:7px;border-radius:50%}.table-section{margin:0 clamp(24px,5vw,72px) 28px;background:white;border:1px solid var(--line)}.table-toolbar{padding:22px;display:flex;align-items:end;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.table-toolbar h2{margin:0 0 5px;color:var(--navy);font-size:22px}.table-toolbar>div>span{color:#728792;font-size:11px}.filters{display:flex;gap:8px}.search{display:flex;align-items:center;gap:6px;width:230px;padding:0 9px;border:1px solid #ccd8de}.search input{width:100%;padding:10px 0;border:0;outline:0}.filters select{max-width:180px;padding:0 28px 0 9px;border:1px solid #ccd8de;background:white;color:#445d6d}.notice{padding:12px 22px;border-bottom:1px solid #eadfac;background:#fff9df;color:#74601a;font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0}thead{position:sticky;top:0;z-index:3}th{padding:13px 12px;text-align:left;background:var(--navy2);color:white;font-size:11px}td{padding:11px 12px;border-bottom:1px solid #e6ecef;color:#2e4757;font-size:12px}tbody tr:nth-child(even) td{background:#f8fafb}tbody tr:hover td{background:#eff9f7}td:first-child{min-width:250px}td:first-child strong,td:first-child small{display:block}td:first-child strong{color:var(--navy)}td:first-child small{margin-top:3px;color:#91a2ad}.tag,.status{display:inline-block;padding:4px 7px;border-radius:3px;font-size:10px}.tag{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eaf0f3}.status.valid{color:#087c70;background:#e4f7f3}.status.invalid{color:#a7463e;background:#fdeae8}.recommended,.positive{color:#087c70;font-weight:800}.negative{color:var(--red);font-weight:800}.muted{color:#9aa9b1}.price-input{width:108px;display:flex;align-items:center;border:1px solid #decf96;background:#fff8d9}.price-input span{padding-left:7px;color:#9b7b15}.price-input input{width:82px;padding:7px 5px;border:0;outline:0;background:transparent}.empty{padding:60px;text-align:center;color:#81919c}footer{padding:4px clamp(24px,5vw,72px) 28px;display:flex;justify-content:space-between;color:#80909a;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:12px 17px;border-radius:5px;background:var(--navy);color:white;box-shadow:0 12px 30px #102b3a55;font-size:12px}@media(max-width:980px){.hero{grid-template-columns:1fr}.margin-control{max-width:340px}.kpis{grid-template-columns:repeat(2,1fr)}.analysis{grid-template-columns:1fr}.table-toolbar{align-items:stretch;flex-direction:column}.filters{flex-wrap:wrap}.search{flex:1}}@media(max-width:620px){.topbar{height:auto;padding:15px 18px}.top-actions span,.top-actions i{display:none}.hero{padding:38px 18px 64px}.kpis{margin:-30px 14px 22px;gap:8px}.kpis article{padding:16px}.analysis{padding:0 14px 22px}.panel{padding:17px}.donut-wrap{grid-template-columns:125px 1fr}.donut{width:122px}.table-section{margin:0 14px 22px}.table-toolbar{padding:17px}.filters{flex-direction:column}.search,.filters select{width:100%;max-width:none;height:42px}footer{padding:0 18px 22px;flex-direction:column;gap:7px}}