.audit-flow { display:flex; align-items:center; gap:8px; overflow:auto; margin-bottom:14px; padding-bottom:3px; }
.audit-flow div { flex:0 0 auto; background:#fff; border:1px solid var(--line); border-radius:9px; padding:10px 12px; font-size:11px; font-weight:800; color:#36546a; }
.audit-flow span { color:var(--accent); font-weight:900; }
.audit-summary { display:flex; gap:16px; align-items:center; background:#e8f7f1; border:1px solid #bfe9d9; border-radius:10px; padding:14px 16px; margin-bottom:12px; }
.audit-summary b { color:#117657; white-space:nowrap; }
.audit-summary span { font-size:12px; color:#49645b; }
.audit-tabs { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:13px; }
.audit-tabs button { border:1px solid var(--line); background:#fff; color:#425666; border-radius:8px; padding:9px 12px; font-weight:700; cursor:pointer; }
.audit-tabs button.active { background:var(--nav2); border-color:var(--nav2); color:#fff; }
@media (max-width:760px) { .audit-summary { align-items:flex-start; flex-direction:column; gap:5px; } }
.kpi-cards { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:12px; margin-bottom:13px; }
.kpi-guide { display:flex; gap:16px; align-items:center; background:#e8f7f1; border:1px solid #bfe9d9; border-radius:9px; padding:12px 15px; margin-bottom:13px; }
.kpi-guide b { color:#117657; white-space:nowrap; }.kpi-guide span { color:#49645b; font-size:12px; }
.kpi-title { min-width:245px; white-space:normal; font-weight:700; }.positive { color:#16805f;font-weight:700 }.negative { color:#b43636;font-weight:700 }
.achievement { display:inline-block; width:80px; height:7px; margin-right:7px; background:#e8eef2; border-radius:8px; overflow:hidden; vertical-align:middle; }
.achievement i { display:block; height:100%; background:#18a879; }.badge.on-track{background:#dff5ec;color:#16805f}.badge.warning{background:#fff1d9;color:#a96711}.badge.at-risk,.badge.no-data{background:#fde5e5;color:#b43636}
.kpi-detail { margin-top:16px; }.kpi-detail small{color:#6f7f8c}.kpi-meta { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:16px 0; }
.kpi-meta span { border:1px solid #dce4ea; border-radius:8px; padding:10px; font-size:12px; }.kpi-meta b { display:block; color:#6f7f8c; margin-bottom:5px; }
.history-chart { height:190px; display:flex; align-items:flex-end; gap:18px; border-bottom:1px solid #dce4ea; padding:10px 18px 0; }
.history-col { flex:1; text-align:center; min-width:55px; }.history-bars { height:145px; display:flex; align-items:flex-end; justify-content:center; gap:5px; }
.history-bars i { width:18px; min-height:3px; border-radius:4px 4px 0 0; }.history-bars .target{background:#a8b9c5}.history-bars .actual{background:#18a879}.history-col small{font-size:10px}
.action-note { display:flex; gap:15px; background:#f7f9fb; border-radius:8px; padding:12px; margin-top:18px; }.action-note b{white-space:nowrap}
@media(max-width:1100px){.kpi-cards{grid-template-columns:repeat(3,1fr)}.kpi-meta{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.kpi-cards{grid-template-columns:1fr 1fr}.kpi-meta{grid-template-columns:1fr}.kpi-guide{align-items:flex-start;flex-direction:column;gap:4px}}
.dash-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;padding:25px 28px;margin-bottom:15px;border-radius:16px;color:#fff;background:linear-gradient(120deg,#102b3e 0%,#155a68 58%,#18a879 130%);box-shadow:0 14px 32px #153d5224}.dash-hero:after{content:"";position:absolute;width:260px;height:260px;border:45px solid #ffffff0b;border-radius:50%;right:-70px;top:-120px;pointer-events:none}.dash-hero .eyebrow{font-size:10px;letter-spacing:2px;color:#78e2c1;font-weight:800}.dash-hero h2{font-size:26px;margin:7px 0 5px}.dash-hero p{font-size:12px;color:#d6e7ed;margin:0}.hero-actions{position:relative;display:flex;gap:8px;z-index:2}.hero-actions button{border:1px solid #ffffff42;background:#ffffff16;color:#fff;padding:10px 14px;border-radius:8px;font-weight:700;cursor:pointer}.hero-actions button:hover{background:#fff;color:#173b57}
.dash-metrics{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:12px;margin-bottom:15px}.dash-metric{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce4ea;border-radius:13px;padding:16px;box-shadow:0 5px 18px #18364a0c;transition:.2s}.dash-metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px #18364a18}.metric-icon{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:11px;font-weight:900;background:#e4f7f1;color:#13946e}.dash-metric span,.dash-metric small{display:block;color:#6f7f8c;font-size:10px}.dash-metric strong{display:block;font-size:24px;line-height:1.15}.dash-metric.red .metric-icon{background:#fde9e9;color:#d94a4a}.dash-metric.orange .metric-icon{background:#fff1dc;color:#dc8520}.dash-metric.blue .metric-icon{background:#e6f0ff;color:#397bc6}.dash-metric.violet .metric-icon{background:#f0eafe;color:#7b56c5}.dash-metric.cyan .metric-icon{background:#e5f7fa;color:#2c91a3}
.dash-main{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.5fr);gap:15px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start}.panel-title span{color:#82919c;font-size:9px;font-weight:800;letter-spacing:1.4px}.panel-title h3{font-size:15px;margin:4px 0 0}.panel-title>button{border:0;background:transparent;color:#16805f;font-size:11px;cursor:pointer}.score-body{display:flex;align-items:center;justify-content:center;gap:35px;padding:16px 0 5px}.score-ring{--score:0;position:relative;display:grid;place-items:center;width:145px;height:145px;border-radius:50%;background:conic-gradient(#18a879 calc(var(--score)*1%),#e7eef1 0)}.score-ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff}.score-ring div{position:relative;text-align:center}.score-ring strong{display:block;font-size:37px;color:#173b57}.score-ring small{color:#82919c}.score-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.score-stats span{min-width:105px;padding:10px;border-radius:8px;background:#f5f8fa;color:#6f7f8c;font-size:9px}.score-stats b{display:block;color:#1c3445;font-size:18px;margin-bottom:3px}
.chart-legend{font-size:9px;color:#82919c}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;background:#9eb0bc;margin:0 4px 0 8px}.chart-legend i+ i{background:#18a879}.dash-chart{position:relative;height:190px;display:flex;align-items:flex-end;gap:11px;padding:18px 15px 0 38px}.chart-grid{position:absolute;inset:14px 0 25px 0;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid #dfe7eb;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#edf2f4 25%)}.chart-grid span{font-size:8px;color:#9aa8b2;transform:translateY(-5px)}.dash-month{position:relative;z-index:1;flex:1;text-align:center}.dash-bars{height:142px;display:flex;align-items:flex-end;justify-content:center;gap:5px}.dash-bars i{width:min(20px,35%);min-height:3px;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #ffffff4d}.dash-bars .target{background:#a9bac5}.dash-bars .actual{background:linear-gradient(#35c99c,#15936e)}.dash-month small{font-size:9px;color:#82919c}
.dash-bottom{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:15px;margin-top:15px}.status-panel .bar-row{grid-template-columns:95px 1fr 28px}.attention-panel{padding-bottom:12px}.attention{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf1f4;background:#fff;padding:11px 3px;text-align:left;cursor:pointer}.attention>i{width:8px;height:8px;border-radius:50%;background:#4b99d1}.attention.warning>i{background:#e69228}.attention.danger>i{background:#d94a4a}.attention span{flex:1}.attention b,.attention small{display:block}.attention b{font-size:11px;color:#2a4050}.attention small{font-size:9px;color:#82919c;margin-top:3px}.attention em{font-size:20px;font-style:normal;color:#9caab3}
@media(max-width:1350px){.dash-metrics{grid-template-columns:repeat(3,1fr)}.dash-main{grid-template-columns:1fr}.dash-bottom{grid-template-columns:1fr 1fr}.attention-panel{grid-column:1/-1}}
@media(max-width:760px){.dash-hero{align-items:flex-start;flex-direction:column;gap:15px}.dash-metrics{grid-template-columns:1fr 1fr}.dash-bottom{grid-template-columns:1fr}.attention-panel{grid-column:auto}.score-body{flex-direction:column}.dash-chart{gap:4px;padding-left:28px}.hero-actions{flex-wrap:wrap}}
.settings-intro{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;margin-bottom:13px;border:1px solid #bfe9d9;border-radius:11px;background:linear-gradient(110deg,#e8f7f1,#f8fbfc)}.settings-intro b,.settings-intro span{display:block}.settings-intro b{color:#117657;margin-bottom:5px}.settings-intro span{font-size:11px;color:#587169}.color-chip{display:inline-flex;align-items:center;gap:7px}.color-chip i{width:16px;height:16px;border-radius:5px;border:1px solid #0001}
.vendor-history{margin-top:16px}.vendor-history>.panel-title{margin-bottom:13px}.vendor-history>.panel-title>b{color:#16805f;background:#dff5ec;padding:6px 10px;border-radius:12px;font-size:11px}
.analytics-panel{margin-top:16px}.analytics-panel>.panel-title small{display:block;color:#82919c;font-size:10px;margin-top:5px}.analytics-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-top:15px}.chart-card{border:1px solid #e1e8ec;border-radius:11px;padding:15px;background:#fbfcfd}.chart-card h4{margin:0 0 15px;font-size:12px}.quality-bars{display:grid;gap:11px}.quality-bar-row{display:grid;grid-template-columns:minmax(95px,150px) 1fr 28px;gap:9px;align-items:center;font-size:10px}.quality-bar-row>div{height:13px;background:#eaf0f3;border-radius:7px;overflow:hidden}.quality-bar-row i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#18a879,#3b82f6)}.quality-bar-row:nth-child(3n+2) i{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.quality-bar-row:nth-child(3n) i{background:linear-gradient(90deg,#f59e0b,#ef6d55)}.pareto-head{display:grid;grid-template-columns:1fr 80px 70px;padding:0 0 7px 70px;border-bottom:1px solid #e6ecef;color:#82919c;font-size:9px}.pareto-chart{display:grid;gap:9px;margin-top:10px}.pareto-row{display:grid;grid-template-columns:20px 120px 1fr 30px 48px;gap:8px;align-items:center;font-size:10px}.pareto-row>b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#e8f7f1;color:#16805f}.pareto-bar{height:15px;background:#eaf0f3;border-radius:3px;overflow:hidden}.pareto-bar i{display:block;height:100%;background:linear-gradient(90deg,#ef6d55,#f5a623)}.pareto-row strong{text-align:right}.pareto-row em{font-style:normal;font-weight:800;color:#3b82f6;text-align:right}.pareto-note{margin-top:12px;padding:9px;background:#fff5e8;border-radius:7px;color:#8a6228;font-size:9px}
.scurve-panel{margin-top:15px}.chart-switch{display:flex;border:1px solid #dce4ea;border-radius:8px;overflow:hidden}.chart-switch button{border:0;background:#fff;color:#60727f;padding:7px 11px;font-size:10px;cursor:pointer}.chart-switch button.active{background:#173b57;color:#fff}.scurve-summary{display:flex;gap:10px;margin:13px 0 0}.scurve-summary span{padding:8px 12px;border-radius:8px;background:#f3f7f9;color:#6f7f8c;font-size:9px}.scurve-summary b{display:block;color:#173b57;font-size:17px}.scurve-svg{width:100%;height:285px;overflow:visible}.scurve-svg .grid-lines line{stroke:#e5ecef;stroke-width:1}.scurve-svg polyline{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.scurve-svg .plan-line{stroke:#3b82f6}.scurve-svg .actual-line{stroke:#18a879}.scurve-svg .plan-dot{fill:#fff;stroke:#3b82f6;stroke-width:2}.scurve-svg .actual-dot{fill:#fff;stroke:#18a879;stroke-width:2}.scurve-svg text{font-size:9px;fill:#82919c}.scurve-svg .x-axis-label{font-size:8px;letter-spacing:.1px}.scurve-legend{display:flex;justify-content:center;gap:22px;font-size:10px;color:#60727f}.scurve-legend i{display:inline-block;width:18px;height:3px;margin-right:6px;vertical-align:middle}.scurve-legend .plan{background:#3b82f6}.scurve-legend .actual{background:#18a879}
.scurve-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.cutoff-control{display:grid;gap:4px;color:#6f7f8c;font-size:9px;font-weight:700}.cutoff-control input,.pareto-filters input{height:36px;border:1px solid #dce4ea;border-radius:8px;background:#fff;color:#173b57;padding:0 10px;font:inherit}.scurve-filter-grid{align-items:flex-end;flex-wrap:wrap}.scurve-filter-grid button{min-height:36px;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#18a879;color:#fff;padding:0 13px;font-size:9px;font-weight:800;cursor:pointer}.scurve-svg .scurve-cutoff-line{stroke:#ef6c4d;stroke-width:2;stroke-dasharray:6 5}.scurve-svg .scurve-cutoff-label{fill:#d94f35;font-size:9px;font-weight:800}.scurve-legend .cutoff{width:3px;height:15px;background:#ef6c4d;vertical-align:-5px}
@media(max-width:900px){.analytics-grid{grid-template-columns:1fr}.pareto-row{grid-template-columns:20px 90px 1fr 25px 42px}.scurve-svg{height:250px}.scurve-controls{width:100%}.cutoff-control{flex:1}.cutoff-control input{width:100%}.scurve-summary{flex-wrap:wrap}}
.pareto-svg{width:100%;height:360px;overflow:visible}.pareto-svg text{font-size:10px;fill:#71808c}.pareto-grid{stroke:#dfe6ea;stroke-width:1}.pareto-eighty{stroke:#f59e0b;stroke-width:1.5;stroke-dasharray:6 5}.pareto-column{fill:#4678c8}.pareto-column.accent{fill:#11a9d9}.pareto-column.muted{fill:#b7b7b7}.pareto-line{fill:none;stroke:#f47a20;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pareto-dot{fill:#fff;stroke:#f47a20;stroke-width:3}.pareto-value{font-weight:800;fill:#4c5963!important}.pareto-label{font-weight:700;fill:#30495c!important}.pareto-axis-title{font-weight:800;fill:#30495c!important}.pareto-legend{display:flex;justify-content:center;align-items:center;gap:20px;color:#60727f;font-size:10px}.pareto-legend i{display:inline-block;width:18px;margin-right:6px;vertical-align:middle}.pareto-legend .bar{height:10px;background:#4678c8}.pareto-legend .line{height:3px;background:#f47a20}.pareto-legend .guide{color:#a56a13}
.pareto-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:22px 25px;border-radius:14px;background:linear-gradient(135deg,#102f48,#195477);color:#fff;box-shadow:0 12px 28px rgba(18,51,75,.16)}.pareto-hero span{font-size:10px;letter-spacing:1.4px;color:#67dfc1}.pareto-hero h2{margin:5px 0;font-size:24px}.pareto-hero p{margin:0;color:#c6d7e2;font-size:11px}.pareto-filters{display:flex;gap:10px}.pareto-filters label{display:grid;gap:5px;font-size:9px;color:#c6d7e2}.pareto-filters select{min-width:170px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#fff;color:#173b57;padding:9px 12px}.pareto-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0}.pareto-summary span{padding:14px 17px;border:1px solid #e0e8ed;border-radius:11px;background:#fff;color:#758590;font-size:9px}.pareto-summary b{display:block;margin-bottom:3px;color:#173b57;font-size:17px}.pareto-main{padding:18px}.pareto-table-panel{margin-top:15px;padding:18px}.pareto-table-panel h3{margin:0 0 12px;font-size:13px}
@media(max-width:900px){.pareto-hero{align-items:stretch;flex-direction:column}.pareto-filters{flex-direction:column}.pareto-summary{grid-template-columns:repeat(2,1fr)}.pareto-svg{height:290px}}
.field-modal-card{max-width:760px}.field-tools{display:flex;gap:8px;margin:10px 0}.field-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:55vh;overflow:auto;padding:5px}.field-choice-grid label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e0e8ed;border-radius:8px;background:#f8fafb;font-size:10px}.field-choice-grid input{width:auto}.scurve-hero{margin-bottom:15px}@media(max-width:700px){.field-choice-grid{grid-template-columns:1fr 1fr}}
.field-selection-note{margin:-4px 0 10px;padding:8px 12px;border:1px solid #dce8ee;border-radius:8px;background:#f7fafc;color:#607684;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}