:root{--orange:#ee4d2d;--red:#d0011b;--navy:#17233f;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#f5f7fb;--green:#059669;--amber:#d97706;--blue:#2563eb;--purple:#7c3aed}
    *{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--navy);color:#dbe5ff;padding:22px 14px;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 28px;color:#fff;font-size:18px;font-weight:800}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ff8a65,#ef3151);font-weight:900}.nav-label{margin:20px 12px 8px;color:#8da0c8;font-size:10px;letter-spacing:1.1px;font-weight:800}.side-tab{display:flex;align-items:center;gap:10px;width:100%;margin:3px 0;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#b9c6e2;text-align:left}.side-tab:hover,.side-tab.active{background:#26375f;color:#fff}.side-tab.active{box-shadow:inset 3px 0 var(--orange)}.side-tab .count{margin-left:auto;border-radius:10px;background:#ef6464;color:#fff;padding:2px 7px;font-size:11px}.main{flex:1;min-width:0}.topbar{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:#fff;border-bottom:1px solid var(--line)}.crumb{color:var(--muted)}.crumb b{color:var(--ink)}.status-dot{padding:6px 10px;border-radius:14px;background:#ecfdf5;color:var(--green);font-size:12px;font-weight:700}.content{max-width:1480px;padding:28px 32px}.tab{display:none}.tab.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-title h1{margin:0 0 5px;font-size:25px}.page-title p{margin:0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:0;border-radius:7px;padding:10px 15px;font-weight:750}.primary{background:var(--orange);color:#fff}.primary:hover{background:var(--red)}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.layout{display:grid;grid-template-columns:330px 1fr;gap:20px}.panel,.metric{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 6px #17233f0a}.panel{padding:20px}.panel h2,.panel h3{margin:0 0 5px}.muted{color:var(--muted)}.small{font-size:12px}.process-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:17px}.progress{height:8px;margin-top:13px;border-radius:8px;background:#eef2f7;overflow:hidden}.progress i{display:block;height:100%;width:15%;background:linear-gradient(90deg,var(--orange),#f59e0b);border-radius:8px;transition:width .4s}.process{list-style:none;margin:0;padding:0}.stage{position:relative;display:grid;grid-template-columns:34px 1fr;gap:11px;padding:0 0 20px}.stage:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#dbe3ee}.stage.done:not(:last-child)::after{background:#86efac}.stage-icon{z-index:1;display:grid;place-items:center;width:34px;height:34px;border:2px solid #d6deea;border-radius:50%;background:#f8fafc;color:#94a3b8;font-weight:800;font-size:12px}.stage.active .stage-icon{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 0 0 5px #ee4d2d22}.stage.done .stage-icon{border-color:var(--green);background:var(--green);color:#fff}.stage.waiting .stage-icon{border-color:var(--amber);background:#f59e0b;color:#fff}.stage h4{margin:2px 0 3px;font-size:13px}.stage p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.stage .owner{margin-top:5px;color:#94a3b8;font-size:10px}.stage-detail{margin-top:6px;padding:8px;border-radius:6px;background:#f8fafc;color:var(--muted);font-size:11px;line-height:1.45}.stage.active .stage-detail{background:#fff7ed;color:#9a3412}.stage.waiting .stage-detail{background:#fffbeb;color:#92400e}.notice{margin-top:13px;padding:12px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{padding:17px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:25px}.metric.orange strong{color:var(--orange)}.metric.green strong{color:var(--green)}.metric.blue strong{color:var(--blue)}.metric.amber strong{color:var(--amber)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vendor-card{position:relative;border:1px solid var(--line);border-radius:10px;background:#fff;padding:17px}.vendor-card.best{border:2px solid var(--orange);background:#fffaf8}.best-label{position:absolute;right:12px;top:12px;color:var(--orange);font-size:10px;font-weight:800}.vendor-card h3{margin:7px 0;font-size:16px}.vendor-card dl{margin:15px 0}.vendor-card dt{color:var(--muted);font-size:11px}.vendor-card dd{margin:3px 0 10px;font-weight:700}.vendor-card button{width:100%}.badge{display:inline-block;border-radius:12px;padding:5px 9px;font-size:11px;font-weight:750}.badge.green{background:#dcfce7;color:#166534}.badge.amber{background:#fef3c7;color:#92400e}.badge.blue{background:#dbeafe;color:#1d4ed8}.badge.gray{background:#f1f5f9;color:#64748b}.badge.red{background:#fee2e2;color:#b91c1c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;color:#334155;font-size:12px;font-weight:750}.field input,.field select{display:block;width:100%;margin-top:6px;border:1px solid #cbd5e1;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink)}.field input:focus,.field select:focus{outline:2px solid #ee4d2d33;border-color:var(--orange)}fieldset{border:1px solid var(--line);border-radius:9px;margin:16px 0;padding:15px}legend{padding:0 5px;font-size:12px;font-weight:800}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:700px}.table th{padding:12px 10px;text-align:left;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase}.table td{padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.timeline-item{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.timeline-item strong{display:block;font-size:12px}.timeline-item span{display:block;margin-top:5px;color:var(--muted);font-size:11px}.checklist{display:grid;gap:10px;margin-top:15px}.check{display:flex;gap:9px;align-items:flex-start;padding:11px;border-radius:8px;background:#f8fafc}.check b{font-size:12px}.check p{margin:3px 0 0;color:var(--muted);font-size:11px}.empty{padding:45px;text-align:center;color:var(--muted)}@media(max-width:1050px){.sidebar{width:78px}.brand strong,.nav-label,.side-tab span:not(.count){display:none}.brand{padding-left:8px}.side-tab{justify-content:center}.side-tab .count{position:absolute;margin:0 0 32px 28px}.layout{grid-template-columns:1fr}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stage{display:block;padding:0}.stage:not(:last-child)::after{left:34px;right:-8px;top:16px;bottom:auto;width:auto;height:2px}.stage-icon{margin-bottom:8px}.stage-detail,.stage .owner{display:none}}@media(max-width:700px){.topbar{padding:0 16px}.content{padding:20px 16px}.metrics,.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.topbar .user{display:none}}@media(max-width:450px){.metrics,.cards{grid-template-columns:1fr}.page-title{display:block}.actions{margin-top:13px}}
    .insights-highlight{border:2px solid var(--orange);background:linear-gradient(135deg,#fff7ed 0%,#fff 58%);box-shadow:0 8px 24px #ee4d2d22}.insights-highlight h1{color:#9a3412}.insights-nav{margin-top:8px;border:1px solid #fb923c;background:linear-gradient(135deg,#7f1d1d,#c2410c);color:#fff;box-shadow:0 0 0 3px #fb923c44,0 8px 18px #ee4d2d33}.insights-nav:hover,.insights-nav.active{background:linear-gradient(135deg,#991b1b,#ea580c);color:#fff}.insights-nav span{font-weight:800}.badge.orange{background:#ffedd5;color:#c2410c}
    #approve-po{display:inline-block !important}
    .workspace-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.workspace-shell>.tab-content{min-width:0}.live-process-panel{position:sticky;top:88px;max-height:calc(100vh - 108px);overflow:auto}.live-process-panel .process{display:grid;gap:0}.live-process-panel .stage{padding-bottom:16px}.stage.planned{opacity:.62}.stage.planned .stage-icon{border-style:dashed;background:#f1f5f9;color:#94a3b8}.stage.planned h4{color:#64748b}.process-legend{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0;font-size:10px;color:var(--muted)}.process-legend span{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.legend-dot.active{background:var(--orange)}.legend-dot.done{background:var(--green)}.legend-dot.waiting{background:var(--amber)}.legend-dot.planned{background:#94a3b8}.next-action{margin-top:14px;padding:12px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.5}.next-action button{margin-top:9px}.overview-process{display:none}@media(max-width:1050px){.workspace-shell{grid-template-columns:1fr}.live-process-panel{position:relative;top:auto;max-height:none}.overview-process{display:none}}
    .detail-overview{display:grid;gap:10px}.detail-overview-card{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.detail-overview-card strong{display:block}.detail-overview-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.detail-report{display:grid;gap:16px}.detail-card{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 6px #17233f0a;overflow:hidden}.detail-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line)}.detail-card-head h2{margin:0 0 5px;font-size:17px}.detail-card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.detail-card-body{padding:16px 20px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.detail-summary{padding:12px;border-radius:8px;background:#f8fafc;color:#475569;line-height:1.5;font-size:12px}.detail-explanation{margin:12px 0;color:#475569;font-size:12px;line-height:1.55}.detail-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.detail-stage{min-height:105px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.detail-stage.passed{border-color:#bbf7d0;background:#f0fdf4}.detail-stage.active{border-color:#fed7aa;background:#fff7ed}.detail-stage.waiting{border-color:#fde68a;background:#fffbeb}.detail-stage.not-implemented{border-color:#cbd5e1;background:#e5e7eb;color:#6b7280}.detail-stage b{display:block;font-size:12px;line-height:1.35}.detail-stage span{display:inline-block;margin-top:7px;font-size:10px;font-weight:800;text-transform:uppercase}.detail-stage p{margin:6px 0 0;color:inherit;font-size:11px;line-height:1.4}.detail-stage.passed span{color:var(--green)}.detail-stage.active span{color:#c2410c}.detail-stage.waiting span{color:#a16207}.detail-stage.not-implemented span{color:#6b7280}@media(max-width:900px){.detail-stage-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.detail-stage-grid{grid-template-columns:1fr}.detail-card-head{display:block}.detail-card-head .badge{margin-top:10px}}
    .pr-form{display:grid;gap:16px;margin-top:18px}.pr-form .field input,.pr-form .field select{min-height:42px}.required{color:var(--orange)}.submit-pr{width:100%;min-height:44px}.advanced{border:1px solid var(--line);border-radius:9px;background:#f8fafc;padding:0 14px}.advanced>summary{margin:0 -14px;padding:12px 14px;color:#475569;font-size:12px;font-weight:750;cursor:pointer;list-style:none}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary::before{content:"+";display:inline-block;width:14px;color:var(--orange);font-weight:800}.advanced[open]>summary{border-bottom:1px solid var(--line)}.advanced[open]>summary::before{content:"−"}.advanced>*:not(summary):first-of-type{margin-top:14px}.advanced .check{margin-bottom:14px;background:#fff}
\n.po-history-panel .checklist{gap:8px}.po-history-panel .check{align-items:center;border:1px solid var(--line);background:#f8fafc}.po-history-panel .check>div{min-width:0;flex:1}.po-history-panel .check b{display:block;line-height:1.4}.po-history-panel .check p{line-height:1.5}.view-po-detail{flex-shrink:0}.po-history-panel .badge{white-space:nowrap}@media(max-width:700px){.po-history-panel .check{align-items:flex-start;flex-wrap:wrap}.po-history-panel .view-po-detail{margin-left:0!important;width:100%}}