@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--bg: radial-gradient(circle at 20% 20%, #e8f1ff 0, #f7f9fc 25%, #f9fbff 55%, #eef3ff 90%);--card-bg: #ffffff;--card-border: #e2e8f0;--text: #0f172a;--muted: #475569;--accent: #1d4ed8;--accent-strong: #0f3fb5;--shadow: 0 10px 50px rgba(15, 23, 42, .08);--radius: 14px;--font: "Manrope", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh}a{color:var(--accent)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell.layout{background:linear-gradient(180deg,#f6f9ff,#ecf2ff 35%,#f7f9fc);padding-top:72px}.layout-body{display:block;padding:18px 24px 38px;margin-left:260px;min-height:calc(100vh - 72px)}.side-nav-shell{position:fixed;top:72px;left:0;bottom:0;width:260px;padding:0 10px 12px 14px;background:linear-gradient(180deg,#0d172f,#0b1226);box-shadow:6px 0 24px #00000029}.layout-content{padding:22px 10px 44px;max-width:1360px;margin:0 auto}.top-nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,#0b1430,#0d1b3d 55%,#0b1430);color:#e2e8f0;box-shadow:0 8px 30px #00000038;border-bottom:1px solid rgba(255,255,255,.06);position:fixed;top:0;left:0;right:0;z-index:20}.top-nav__brand{display:flex;align-items:center;gap:12px}.brand{font-weight:800;letter-spacing:.3px;font-size:17px}.brand-sub{color:#cbd5e1;font-size:13px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1e40af);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.4px;box-shadow:0 10px 30px #2563eb59}.top-nav__actions{display:flex;align-items:center;gap:12px}.top-nav__context{display:flex;align-items:center;gap:8px}.pill{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid transparent}.pill-ghost{background:#ffffff0f;border-color:#ffffff14;color:#e2e8f0}.pill-accent{background:linear-gradient(135deg,#1d4ed8,#0f3fb5);color:#fff;box-shadow:0 10px 30px #1d4ed859}.user-menu{position:relative}.user-menu__button{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:8px 12px;color:#e2e8f0;cursor:pointer;transition:border .15s ease,background .15s ease}.user-menu__button:hover{border-color:#ffffff29;background:#ffffff14}.avatar{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#22c55e,#16a34a);display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:.2px;box-shadow:0 10px 30px #16a34a59}.user-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.user-name{font-weight:700;font-size:14px;color:#fff}.user-role{font-size:12px;color:#cbd5e1}.chevron{font-size:12px;color:#cbd5e1;transition:transform .15s ease}.chevron.open{transform:rotate(180deg)}.user-menu__dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;background:#0f172a;border:1px solid #1f2a44;border-radius:14px;box-shadow:0 20px 60px #00000059;padding:8px;z-index:10}.menu-group{padding:4px 0;border-top:1px solid rgba(255,255,255,.06)}.menu-group:first-of-type{border-top:none}.menu-item{width:100%;text-align:left;background:transparent;color:#e2e8f0;border:none;padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .12s ease}.menu-item:hover{background:#ffffff12}.menu-item.danger{color:#fca5a5}.side-nav{background:transparent;color:#cbd5e1;border-radius:16px;padding:18px 10px;min-height:calc(100vh - 120px);box-shadow:none;border:none;overflow-y:auto}.nav-section{margin-bottom:14px}.nav-section-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:6px 10px}.nav-items{display:flex;flex-direction:column;gap:4px}.nav-item{display:block;padding:10px 12px;color:#e2e8f0;text-decoration:none;border-radius:12px;font-weight:650;letter-spacing:.01em}.nav-item:hover{background:#ffffff0f}.nav-item.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 12px 30px #2563eb47}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#0b1430;color:#e2e8f0;box-shadow:0 6px 24px #0003}.nav-bar .brand{font-weight:700;letter-spacing:.3px}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:28px 20px 64px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 18px 50px #0f172a14;padding:28px}.button{border:none;background:var(--accent);color:#fff;padding:12px 16px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .15s ease}.button:disabled{opacity:.6;cursor:not-allowed}.button:hover:not(:disabled){background:var(--accent-strong)}.input{width:100%;padding:12px 14px;border:1px solid #d8dde7;border-radius:10px;font-size:15px;background:#f8fafc}.label{font-size:14px;color:var(--muted);margin-bottom:6px}.stack{display:flex;flex-direction:column;gap:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e2e8f0}.table th{color:var(--muted);font-weight:600}.table-row{display:flex;align-items:center;padding:10px 8px;gap:12px;border-bottom:1px solid #e2e8f0}.table-row>div:last-child{margin-left:auto}.table-row.header{font-weight:700;color:var(--muted)}.button.secondary{background:#0f172a;color:#e2e8f0;border:1px solid #1f2937}.button.secondary:hover:not(:disabled){background:#111827}.button.ghost{background:transparent;color:var(--text);border:1px solid var(--card-border)}.button.ghost:hover:not(:disabled){border-color:#cbd5e1}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);margin:0 0 4px}.banner-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecdd3;padding:10px 12px;border-radius:10px}.login-hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:center}.login-card{max-width:420px;margin:0 auto}@media (min-width: 960px){.login-hero{grid-template-columns:1.1fr .9fr}}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.badge-labour{background:#dbeafe;color:#1e40af}.badge-material{background:#d1fae5;color:#065f46}.badge-plant{background:#fed7aa;color:#9a3412}.badge-subcontract{background:#e9d5ff;color:#6b21a8}.badge-neutral{background:#e2e8f0;color:#475569}.collapsible-section{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;margin-bottom:12px}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f8fafc;cursor:pointer;transition:background .15s ease;border:none;width:100%;text-align:left}.collapsible-header:hover{background:#f1f5f9}.collapsible-content{padding:18px;border-top:1px solid #e2e8f0}.collapsible-content.collapsed{display:none}.composite-table{width:100%;border-collapse:collapse;font-size:14px}.composite-table th{text-align:left;padding:10px 8px;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.composite-table td{padding:12px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.composite-table tr:hover td{background:#fafbfc}.composite-table .drag-handle{color:#cbd5e1;cursor:grab;font-size:16px}.composite-summary-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;padding:14px 18px;margin-bottom:12px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}.composite-summary-banner strong{color:#0c4a6e}.status-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.draft{background:#e2e8f0;color:#475569}.status-pill.issued{background:#dbeafe;color:#1e40af}.status-pill.accepted{background:#d1fae5;color:#065f46}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:24px 0}