:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#18201e;--muted:#66736f;--line:#dbe4df;--paper:#f5f7f4;--panel:#fff;--nav:#12241f;--green:#1f7a68;--green-soft:#dcefe9;--amber:#a86614;--amber-soft:#fbecd2;--red:#a13d37;--red-soft:#f5dddd;--blue:#315f8c;--blue-soft:#dce8f3;--shadow:0 20px 50px #13231e1c}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-shell{background-color:#0000;background-image:linear-gradient(90deg,#f5f7f4fa,#f5f7f4b3),url("data:image/svg+xml,%3Csvg width='900' height='700' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='900' height='700' fill='%23dfe9e5'/%3E%3Cg opacity='.42'%3E%3Crect x='86' y='70' width='230' height='380' rx='8' fill='%23fff'/%3E%3Crect x='350' y='96' width='420' height='90' rx='8' fill='%23fff'/%3E%3Crect x='350' y='220' width='180' height='270' rx='8' fill='%23fff'/%3E%3Crect x='560' y='220' width='210' height='270' rx='8' fill='%23fff'/%3E%3Cpath d='M380 445 C460 320 525 380 615 255 690 152 724 210 766 148' fill='none' stroke='%231f7a68' stroke-width='10' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(360px,520px) 1fr;min-height:100vh;display:grid}.login-panel{border:1px solid var(--line);max-width:500px;box-shadow:var(--shadow);background:#ffffffeb;border-radius:8px;align-self:center;margin:48px;padding:36px}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{color:var(--muted);font-size:13px}.brand-mark{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login-panel h1{letter-spacing:0;margin:42px 0 16px;font-size:clamp(34px,7vw,58px);line-height:.98}.login-panel p{color:var(--muted);margin:0;line-height:1.55}.login-form{margin-top:30px}.login-form label{color:var(--muted);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.input-row,.invite-form{gap:10px;display:flex}input{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:0 12px}select{height:44px}textarea{resize:vertical;min-height:112px;padding-top:10px}button{background:var(--green);color:#fff;border:0;border-radius:8px;min-height:40px;padding:0 16px;font-weight:750}.form-error{font-weight:700;color:var(--red)!important;margin-top:10px!important}.form-note{font-size:13px;margin-top:10px!important}.login-visual{place-items:center;padding:40px;display:grid}.mini-window{aspect-ratio:1.32;width:min(640px,90%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff9e;border:1px solid #ffffffb8;border-radius:8px;overflow:hidden}.window-bar{background:#12241fe6;align-items:center;gap:8px;height:42px;padding:0 18px;display:flex}.window-bar span{background:#d7eee7;border-radius:99px;width:9px;height:9px}.mini-grid{grid-template-columns:1fr 1fr;gap:16px;padding:18px;display:grid}.mini-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:86px}.mini-card.tall{grid-row:span 2;min-height:188px}.mini-chart{border:1px solid var(--line);background:#fff;border-radius:8px;grid-column:1/-1;height:96px}.mini-chart polyline{fill:none;stroke:var(--green);stroke-width:5px;stroke-linecap:round}.app-shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;padding:20px 14px}.brand-lockup.side{margin:4px 8px 30px}.brand-lockup.side span{color:#ffffffad}.nav{gap:6px;display:grid}.nav-item{color:#ffffffc7;background:0 0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1f}.nav-item span{text-align:center;width:22px}.workspace{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}.topbar h1{letter-spacing:0;margin:0;font-size:32px;line-height:1.15}.user-menu{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;display:flex}.icon-button{place-items:center;width:40px;height:40px;padding:0;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.ops-strip{border:1px solid var(--line);background:var(--line);border-radius:8px;grid-template-columns:.8fr 1.45fr 1.35fr .9fr .5fr;gap:1px;margin-bottom:14px;display:grid;overflow:hidden}.ops-item{background:#fff;min-width:0;padding:10px 12px}.ops-item span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800;display:block}.ops-item strong{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;display:block;overflow:hidden}.metric-card,.panel,.quality-card,.comparison-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 22px #13231e0b}.metric-card{border-left:4px solid var(--blue);gap:6px;padding:14px 16px;display:grid}.metric-card.good{border-left-color:var(--green)}.metric-card.warn{border-left-color:var(--amber)}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:25px}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;margin-bottom:16px;display:grid}.panel{min-width:0;padding:18px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;min-height:42px;margin-bottom:16px;display:flex}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.panel-head h2{margin-bottom:3px;font-size:18px}.panel-head p,.muted{color:var(--muted);margin:0}.line-chart{width:100%;min-height:230px}.line-chart text{fill:var(--muted);font-size:11px}.axis-x{text-anchor:middle}.axis-y{text-anchor:end}.grid-lines line{stroke:var(--line);stroke-width:1px}.actual-line,.forecast-line{fill:none;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.actual-line{stroke:var(--green)}.forecast-line{stroke:var(--blue);stroke-width:2px;stroke-opacity:.75;stroke-dasharray:5 5}.actual-point{fill:#fff;stroke:var(--green);stroke-width:2px}.chart-legend{color:var(--muted);align-items:center;gap:16px;margin:-4px 0 4px;font-size:12px;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.legend-swatch{border-top:2px solid var(--green);width:18px;height:0;display:inline-block}.legend-swatch.forecast{border-top-color:var(--blue);opacity:.8;border-top-style:dashed}.stack{gap:10px;display:grid}.alert-card{border:1px solid var(--line);border-radius:8px;gap:9px;padding:12px;display:grid}.alert-title{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.alert-title small{color:var(--muted);font-weight:800}.alert-card p{color:var(--muted);margin:0;line-height:1.35}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:26px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.good{color:var(--green);background:var(--green-soft)}.status-pill.warn{color:var(--amber);background:var(--amber-soft)}.status-pill.bad{color:var(--red);background:var(--red-soft)}.bar-list{gap:16px;display:grid}.bar-row{grid-template-columns:minmax(120px,180px) 1fr 64px;align-items:center;gap:14px;display:grid}.bar-row strong,.bar-row span{display:block}.bar-row span,.bar-row small{color:var(--muted)}.rag-pill{text-align:center;border-radius:999px;justify-self:end;min-width:58px;padding:4px 8px;font-size:12px;font-weight:850}.rag-pill.good{color:var(--green);background:var(--green-soft)}.rag-pill.warn{color:var(--amber);background:var(--amber-soft)}.rag-pill.bad{color:var(--red);background:var(--red-soft)}.bar-track{background:#eef2ef;border-radius:999px;height:8px;overflow:hidden}.bar-track span{background:var(--green);height:100%;display:block}.pos{color:var(--green);font-weight:800}.neg{color:var(--red);font-weight:800}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tabs button,.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.secondary-button.compact{min-height:32px;padding:0 10px;font-size:12px}.link-button{min-height:0;color:var(--green);text-align:left;background:0 0;border:0;padding:0;font-weight:850}.link-button:hover{text-decoration:underline}.tabs button.active{background:var(--nav);color:#fff;border-color:var(--nav)}.range-control{border:1px solid var(--line);background:#f8faf8;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.range-control button{min-height:30px;color:var(--muted);background:0 0;border-radius:6px;padding:0 9px;font-size:12px}.range-control button.active{background:var(--green);color:#fff}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px}th{color:var(--muted);text-transform:uppercase;font-size:12px}tbody tr:hover{background:#f8faf8}.quality-grid,.comparison-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-grid.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-overview{gap:14px;margin-bottom:18px;display:grid}.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.finance-chart-grid{grid-template-columns:1.15fr .78fr 1fr;gap:12px;display:grid}.retail-chart-grid{grid-template-columns:1.12fr .88fr 1fr}.projects-chart-grid{grid-template-columns:1.05fr .82fr 1fr}.sales-chart-grid{grid-template-columns:1.02fr .78fr 1fr}.mini-panel{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:14px}.mini-panel-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:8px;display:flex}.mini-panel-head h3{margin:0;font-size:15px}.mini-panel-head span{color:var(--muted);font-size:12px;font-weight:800}.mini-trend-chart{width:100%;height:152px}.mini-trend-chart polyline{fill:none;stroke:var(--green);stroke-width:2.2px;stroke-linejoin:round;stroke-linecap:round}.mini-trend-chart text{fill:var(--muted);text-anchor:middle;font-size:10px}.donut-wrap{grid-template-columns:104px 1fr;align-items:center;gap:12px;min-height:152px;display:grid}.donut{width:104px;height:104px;transform:rotate(-90deg)}.donut-legend{color:var(--muted);gap:8px;font-size:12px;font-weight:800;display:grid}.donut-legend span{align-items:center;gap:7px;display:flex}.donut-legend i{border-radius:99px;width:9px;height:9px}.compact-bars{gap:11px;display:grid}.compact-bar-row{grid-template-columns:minmax(82px,1fr) minmax(54px,1.15fr) 46px;align-items:center;gap:8px;display:grid}.compact-bar-row span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.compact-bar-row div{background:#eef2ef;border-radius:999px;height:8px;overflow:hidden}.compact-bar-row i{border-radius:inherit;background:var(--green);height:100%;display:block}.compact-bar-row strong{color:var(--muted);text-align:right;font-size:12px}.bridge-list{gap:10px;display:grid}.bridge-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding-bottom:10px;display:flex}.bridge-list div:last-child{border-bottom:0;padding-bottom:0}.bridge-list span{color:var(--muted);font-size:12px;font-weight:800}.bridge-list strong{white-space:nowrap}.worklist-head{justify-content:space-between;align-items:center;gap:16px;margin:4px 0 10px;display:flex}.worklist-head span{color:var(--muted);font-size:13px}td small{color:var(--muted)}.quality-card,.comparison-card{padding:16px}.clickable-card{width:100%;min-height:0;color:var(--ink);text-align:left;border:1px solid var(--line);display:block}.clickable-card:hover{border-color:var(--green);box-shadow:0 16px 34px #13231e1f}.quality-card strong{font-size:30px;display:block}.quality-card span,.quality-card small,.comparison-card small{color:var(--muted);display:block}.compare-bars{align-items:end;gap:12px;height:120px;margin:14px 0 10px;display:flex;overflow:hidden}.compare-bars span{background:var(--green);border-radius:6px 6px 0 0;width:28px}.compare-bars span+span{background:var(--blue-soft)}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.drag-hint{border:1px dashed var(--green);background:var(--green-soft);min-height:32px;color:var(--green);border-radius:8px;align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.kanban-column{background:#f8faf8;border:1px dashed #b9ccc5;border-radius:8px;min-height:210px;padding:12px}.kanban-column:hover{border-color:var(--green);background:#f4faf7}.kanban-column-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.kanban-column h3{margin:0;font-size:14px}.kanban-column-head span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.kanban-card{border:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-bottom:10px;padding:11px 12px;display:grid}.kanban-card:hover{border-color:var(--green);box-shadow:0 8px 18px #13231e14}.kanban-card strong{font-size:14px}.drag-handle{width:24px;height:28px;color:var(--green);letter-spacing:-3px;background:#eef4f1;border-radius:6px;place-items:center;font-weight:900;display:grid}.kanban-card:active{cursor:grabbing}.kanban-empty{border:1px dashed var(--line);min-height:74px;color:var(--muted);border-radius:8px;place-items:center;font-size:13px;display:grid}.detail-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.detail-form label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.detail-form input,.detail-form select,.detail-form textarea{color:var(--ink);font-weight:500}.full-span,.form-summary,.form-actions{grid-column:1/-1}.form-summary{border:1px solid var(--line);background:#f8faf8;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.form-summary span{color:var(--muted)}.form-summary strong{font-size:24px}.form-actions{justify-content:flex-end;gap:10px;display:flex}.access-card{border:1px solid var(--line);background:#f8faf8;border-radius:8px;gap:6px;padding:14px;display:grid}.access-card span{color:var(--muted)}@media (width<=980px){.app-shell{grid-template-columns:76px 1fr}.brand-lockup.side div,.nav-item{font-size:0}.nav-item span{font-size:18px}.metric-grid,.quality-grid,.comparison-grid,.metric-grid.compact-grid,.finance-kpis,.finance-chart-grid,.detail-form{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}}@media (width<=720px){.login-shell{grid-template-columns:1fr}.login-panel{margin:18px;padding:24px}.login-visual{display:none}.app-shell{grid-template-columns:1fr}.sidebar{z-index:3;scrollbar-width:thin;align-items:center;gap:10px;padding:10px;display:flex;position:sticky;top:0;overflow-x:auto}.brand-lockup.side{flex:none;margin:0}.brand-lockup.side div{display:none}.nav{scrollbar-width:thin;min-width:0;display:flex;overflow-x:auto}.nav-item{flex:none;width:auto;min-width:112px;font-size:13px}.workspace{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.ops-strip{grid-template-columns:1fr;overflow:hidden}.ops-item strong{white-space:normal}.panel-head{flex-direction:column}.metric-grid,.quality-grid,.comparison-grid,.metric-grid.compact-grid,.finance-kpis,.finance-chart-grid,.detail-form,.kanban{grid-template-columns:1fr}.donut-wrap{grid-template-columns:90px 1fr}.donut{width:90px;height:90px}.bar-row{grid-template-columns:1fr}.input-row,.invite-form{flex-direction:column}}