:root{font-family:Manrope,sans-serif;color:#dce6ef;background:radial-gradient(circle at top left,rgba(255,209,102,.16),transparent 28%),radial-gradient(circle at right,rgba(72,187,255,.16),transparent 24%),linear-gradient(135deg,#0a1724,#08111a 54%,#132433);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(8, 20, 31, .8);--panel-strong: rgba(10, 24, 36, .95);--panel-border: rgba(173, 197, 219, .12);--accent: #ffb020;--accent-strong: #ff8a00;--sky: #57c7ff;--text-soft: #91a8bc;--success: #7fe3b0;--warning: #ffd166;--danger: #ff8f70}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--panel-border);padding:28px 22px;background:#040c14ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#142334;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.08em;box-shadow:0 18px 40px #ff8a0047}.brand-copy h1,.hero h2,.panel h3,.detail-hero h4,.order-row h4,.spotlight-card h2{font-family:Space Grotesk,sans-serif}.brand-copy h1,.hero h2,.panel h3,.spotlight-card h2,.order-row h4,.detail-hero h4{margin:0}.brand-copy{margin-top:16px}.eyebrow{margin:0 0 8px;color:var(--sky);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700}.nav-grid{display:grid;gap:10px}.nav-item{border:1px solid transparent;background:#ffffff05;color:#dce6ef;padding:14px 16px;border-radius:16px;text-align:left}.nav-item.active,.nav-item:hover{border-color:#57c7ff33;background:#57c7ff14}.spotlight-card,.panel,.metric-card,.modal-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 80px #0000003d}.spotlight-card{padding:20px;border-radius:24px}.spotlight-card p:last-child{margin:12px 0 0;color:var(--text-soft);line-height:1.5}.content{padding:28px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:12px 4px 28px}.hero h2{font-size:clamp(2rem,4vw,3.6rem)}.hero-copy{max-width:720px;color:var(--text-soft);line-height:1.6;margin:10px 0 0}.hero-actions,.action-row,.inline-filters,.line-items-header,.panel-header,.row-topline,.row-meta,.detail-hero,.supplier-row{display:flex;gap:12px}.hero-actions,.action-row,.inline-filters{flex-wrap:wrap}.metric-grid,.detail-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{padding:20px;border-radius:24px}.metric-card p,.metric-card span,.order-row p,.info-tile span,.detail-subvalue,.supplier-row p,.line-item p,.panel-header.compact p:last-child{color:var(--text-soft)}.metric-card p,.metric-card span,.line-item p,.supplier-row p,.detail-subvalue,.order-row p,.info-tile span{margin:0}.metric-card strong{display:block;font-size:2rem;margin:12px 0 8px}.workspace-grid{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px}.detail-column{display:grid;gap:18px}.panel{border-radius:28px;padding:20px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:18px}.panel-header.compact{margin-bottom:14px}.search-input,select,.composer-form input,.composer-form select{border:1px solid rgba(173,197,219,.12);background:#ffffff0a;color:#f6fbff;padding:12px 14px;border-radius:14px;outline:none}.search-input{min-width:260px}.order-list,.supplier-list,.line-items{display:grid;gap:12px}.order-row{width:100%;border:1px solid transparent;background:#ffffff08;border-radius:22px;padding:18px;color:inherit;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}.order-row:hover,.order-row.selected{transform:translateY(-1px);border-color:#57c7ff42;background:#57c7ff14}.row-topline,.row-meta,.detail-hero,.line-items-header,.supplier-row{justify-content:space-between;align-items:center}.row-meta{margin-top:16px;flex-wrap:wrap;color:var(--text-soft);font-size:.92rem}.status-pill,.priority{padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:700}.status-pill.awaiting-approval,.priority.high,.priority.critical{background:#ffb02029;color:var(--warning)}.status-pill.approved,.status-pill.ordered{background:#7fe3b024;color:var(--success)}.status-pill.draft,.priority.low,.priority.medium{background:#57c7ff24;color:var(--sky)}.detail-panel{min-height:100%}.detail-hero{padding:18px 0 22px;border-bottom:1px solid rgba(173,197,219,.12)}.detail-value{margin:0;font-size:2rem;font-weight:800;text-align:right}.detail-grid{margin:18px 0;grid-template-columns:repeat(2,minmax(0,1fr))}.info-tile{padding:16px;border-radius:20px;background:#ffffff08}.info-tile strong{display:block;margin-top:8px}.line-items{margin-top:8px}.line-item,.supplier-row{padding:14px 16px;border-radius:18px;background:#ffffff08}.primary-button,.secondary-button,.ghost-button,.close-button{border-radius:14px;padding:12px 16px;border:1px solid transparent}.primary-button{background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#112130;font-weight:800}.secondary-button{background:#57c7ff24;color:var(--sky);border-color:#57c7ff33}.ghost-button,.close-button{background:#ffffff0a;color:#eaf2f8;border-color:#adc5db1f}.stretch{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a12a3;display:grid;place-items:center;padding:20px}.modal-card{width:min(100%,520px);border-radius:28px;padding:20px}.composer-form{display:grid;gap:14px}.composer-form label{display:grid;gap:8px;color:var(--text-soft)}@media (max-width: 1180px){.shell,.workspace-grid,.metric-grid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--panel-border)}}@media (max-width: 720px){.content,.sidebar{padding:18px}.hero,.panel-header,.detail-hero{flex-direction:column;align-items:flex-start}.search-input{min-width:100%}.detail-grid{grid-template-columns:1fr}}