:root{color-scheme:light;--ink:#18252a;--muted:#6f7c80;--line:#e4e9e7;--canvas:#f3f6f4;--paper:#fff;--acid:#b9e769;--acid-dark:#99c84b;--danger:#e86658;--radius:16px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:28px 18px 18px;background:var(--ink);color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 34px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:20px;font-weight:900;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.13em;font-size:15px}.brand small{margin-top:2px;color:#8fa0a5;font-size:10px;letter-spacing:.08em}nav{display:grid;gap:7px}.nav-item{width:100%;min-height:45px;border:0;border-radius:11px;padding:0 12px;background:transparent;color:#afbdc0;display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;cursor:pointer;transition:.18s ease}.nav-item span{font-size:18px}.nav-item b{padding:2px 7px;border-radius:10px;background:#314147;color:#cbd5d7;font-size:11px}.nav-item i{width:7px;height:7px;border-radius:50%;background:var(--danger)}.nav-item:hover,.nav-item.active{background:#2a393e;color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:25px;background:var(--acid);border-radius:0 4px 4px 0}.sidebar-spacer{flex:1}.help-card,.profile-mini{border:0;text-align:left;cursor:pointer}.help-card{margin-bottom:16px;padding:14px;border-radius:13px;background:#24343a;color:#fff;display:flex;align-items:center;gap:10px}.help-card>span:first-child{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);font-weight:800}.help-card strong,.help-card small,.profile-mini strong,.profile-mini small{display:block}.help-card small,.profile-mini small{margin-top:3px;color:#87989c;font-size:11px}.profile-mini{padding:10px 6px;background:transparent;color:#fff;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;border-top:1px solid #304147}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#557078;color:#fff;font-weight:700;font-size:12px}main{min-width:0}.topbar{min-height:92px;padding:19px 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{margin:0 0 5px;color:#879397;font-size:10px;font-weight:700;letter-spacing:.12em}.topbar h1{margin:0;font-size:22px;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:10px}.search{width:min(28vw,300px);height:42px;padding:0 13px;border:1px solid var(--line);background:#f7f9f8;border-radius:11px;display:flex;align-items:center;gap:8px}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search input::placeholder{color:#9aa5a7}.icon-button,.primary-button,.ghost-button{height:42px;border-radius:11px;cursor:pointer}.icon-button{position:relative;width:42px;border:1px solid var(--line);background:#fff;font-size:18px}.notice-dot{position:absolute;top:8px;right:9px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:var(--danger)}.primary-button{border:0;padding:0 17px;background:var(--acid);font-weight:800;box-shadow:0 5px 15px rgba(147,190,65,.18)}.primary-button:hover{background:var(--acid-dark)}.content{padding:24px 30px 40px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:14px}.kpi-card{min-height:162px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 4px 18px rgba(24,37,42,.035)}.kpi-card>div{display:flex;align-items:center;justify-content:space-between}.kpi-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(185,231,105,.45);font-weight:800}.kpi-icon.dark{color:#fff;background:var(--ink)}.kpi-icon.coral{color:#fff;background:var(--danger)}.kpi-icon.blue{color:#fff;background:#6a8f99}.trend{color:#788588;font-size:11px}.trend.up{color:#4d8d58}.trend.danger{color:var(--danger)}.kpi-card p{margin:17px 0 4px;color:var(--muted);font-size:12px}.kpi-card>strong{display:block;margin-bottom:7px;font-size:24px;letter-spacing:-.04em}.kpi-card>small{color:#8d999c;font-size:11px}.progress{display:block;height:4px;margin-top:12px;border-radius:4px;overflow:hidden;background:#e4edd5}.progress i{display:block;height:100%;background:#719542}.accent-card{background:linear-gradient(145deg,#efffcd,#f8ffe9);border-color:#dcecbf}.section-head{margin:28px 0 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.section-head h2{margin:0 0 5px;font-size:19px;letter-spacing:-.02em}.section-head p{margin:0;color:var(--muted);font-size:12px}.section-actions{display:flex;gap:8px}.ghost-button{padding:0 13px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:600}.ghost-button span{padding:1px 6px;border-radius:8px;background:var(--ink);color:#fff;font-size:10px}.pipeline{display:grid;grid-auto-columns:258px;grid-auto-flow:column;gap:12px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:thin}.stage-column{min-height:440px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#edf1ef;scroll-snap-align:start}.stage-column>header{min-height:34px;display:grid;grid-template-columns:8px 1fr auto auto;gap:8px;align-items:center;padding:0 4px 9px}.stage-column header strong{font-size:12px}.stage-column header b{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#dde4e1;color:#657276;font-size:10px}.stage-column header button{border:0;background:transparent;color:#7d898c;cursor:pointer}.stage-dot{width:7px;height:7px;border-radius:50%}.stage-cards{display:grid;gap:9px;min-height:338px;align-content:start}.order-card{padding:13px;border:1px solid #e0e5e3;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(24,37,42,.04);cursor:grab;transition:.18s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(24,37,42,.08)}.order-card.dragging{opacity:.45;transform:rotate(2deg)}.order-card.is-late{border-left:3px solid var(--danger)}.card-meta,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-meta{color:#8a9799;font-size:10px}.material{padding:3px 6px;border-radius:7px;background:#eef2f0;text-transform:uppercase;letter-spacing:.05em}.order-card h3{margin:10px 0 9px;font-size:13px;line-height:1.35}.order-card p{margin:0 0 12px;color:#667477;font-size:11px;display:flex;align-items:center;gap:7px}.client-dot{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:9px;font-weight:700}.card-bottom{padding-top:10px;border-top:1px solid #eef1ef;font-size:10px}.card-bottom strong{font-size:11px}.card-bottom span{color:#7b888b}.card-bottom .late{color:var(--danger);font-weight:700}.empty-card{padding:24px 10px;border:1px dashed #cbd4d1;border-radius:11px;color:#94a09d;text-align:center;font-size:11px}.add-card{width:100%;margin-top:9px;padding:9px;border:0;background:transparent;color:#7a888a;font-size:11px;cursor:pointer}.add-card:hover{color:var(--ink)}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:12px 16px;border-radius:11px;background:var(--ink);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s ease}.toast.show{transform:translateY(0);opacity:1}@media(max-width:980px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:11px}.brand{justify-content:center;padding-inline:0}.brand>span:last-child{display:none}.nav-item{font-size:0;grid-template-columns:1fr;place-items:center}.nav-item span{font-size:19px}.nav-item b,.nav-item i,.help-card,.profile-mini>span:not(.avatar){display:none}.profile-mini{display:grid;grid-template-columns:1fr;place-items:center}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;inset:auto 10px 10px;width:auto;height:62px;padding:7px;border-radius:18px;flex-direction:row;box-shadow:0 10px 35px rgba(0,0,0,.25)}.brand,.sidebar-spacer,.profile-mini{display:none}.sidebar nav{width:100%;grid-template-columns:repeat(5,1fr)}.nav-item{min-height:48px}.nav-item.active:before{inset:auto auto 2px;width:20px;height:3px;border-radius:4px}.topbar{padding:15px 17px;min-height:78px}.topbar h1{font-size:18px}.eyebrow,.search,.icon-button{display:none}.primary-button{width:42px;padding:0;font-size:0}.primary-button:after{content:"＋";font-size:20px}.content{padding:17px 16px 90px}.kpi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.kpi-card{min-width:230px;scroll-snap-align:start}.section-head{align-items:flex-start}.section-head p,.section-actions .ghost-button:first-child{display:none}.pipeline{grid-auto-columns:82vw}.toast{right:16px;bottom:85px;left:16px;text-align:center}}