@layer base{*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}}:root{--navy:#131a48;--navy-soft:#1d2659;--navy-deep:#0d1235;--orange:#ff5800;--orange-hover:#ff8c4f;--orange-soft:#ffefe5;--yellow:#fffce8;--grey:#5a5a5a;--grey-light:#cecece;--grey-bg:#f7f7f9;--grey-border:#e4e4ea;--white:#fff;--green:#1b5e20;--green-soft:#e8f5e9;--green-mid:#388e3c;--red:#b71c1c;--red-soft:#ffebee;--red-mid:#c62828;--amber:#f57f17;--amber-soft:#fff8e1;--amber-mid:#fbc02d;--purple:#4a148c;--purple-soft:#f3e5f5;--font-h:"Spectral", Georgia, serif;--font-b:"Raleway", sans-serif;--font-m:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-b);background:var(--grey-bg);color:var(--navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px}.kpi{background:var(--white);border:1px solid var(--grey-border);border-left:3px solid var(--navy);cursor:pointer;border-radius:4px;padding:16px 18px;transition:all .15s}.kpi:hover{transform:translateY(-2px);box-shadow:0 4px 16px #131a4814}.kpi.active{border-left-color:var(--orange);background:var(--yellow)}.kpi-label{text-transform:uppercase;letter-spacing:.1em;color:var(--grey);margin-bottom:6px;font-size:10px;font-weight:600}.kpi-value{font-family:var(--font-h);letter-spacing:-.03em;font-size:32px;font-weight:700;line-height:1}.kpi.warning .kpi-value{color:var(--amber)}.kpi.danger .kpi-value{color:var(--red-mid)}.kpi.success .kpi-value{color:var(--green-mid)}.kpi.escalated .kpi-value{color:#d84315}.kpi.unmatched .kpi-value{color:var(--purple)}.kpi-sub{color:var(--grey);font-size:10px;font-family:var(--font-m);margin-top:4px}table{border-collapse:collapse;width:100%}thead{background:var(--navy);color:var(--white)}thead th{text-align:left;text-transform:uppercase;letter-spacing:.1em;padding:12px 14px;font-size:10px;font-weight:600}tbody tr{border-bottom:1px solid var(--grey-border);cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--yellow)}tbody tr.row-action{background:var(--red-soft)}tbody tr.row-action:hover{background:#ffd8d8}tbody tr.row-awaiting{background:var(--amber-soft)}tbody tr.row-awaiting:hover{background:#fff0c2}tbody tr.row-confirmed{background:var(--green-soft)}tbody tr.row-confirmed:hover{background:#cfeacf}tbody tr.row-escalated{background:#ffe0d6}tbody td{vertical-align:middle;padding:12px 14px;font-size:12px}tbody td.mono{font-family:var(--font-m);font-size:11px}.sc{text-transform:uppercase;letter-spacing:.06em;color:var(--white);border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.sc:before{content:"";background:var(--white);border-radius:50%;width:6px;height:6px}.sc-action{background:var(--red-mid)}.sc-awaiting{background:var(--amber)}.sc-confirmed{background:var(--green-mid)}.sc-escalated{background:#d84315}.sc-rescheduled{background:var(--amber-mid);color:var(--navy)}.sc-rescheduled:before{background:var(--navy)}.sc-draft{background:var(--grey)}.sc-delivered{background:var(--green)}.sc-mixed{background:var(--purple)}.sc-cancelled{background:#5d4037}.eb{font-family:var(--font-m);border-radius:11px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.eb-green{background:var(--green-soft);color:var(--green-mid)}.eb-amber{background:var(--amber-soft);color:var(--amber)}.eb-red{background:var(--red-soft);color:var(--red-mid)}.eb-expired{background:var(--red-mid);color:var(--white);letter-spacing:.08em}.filter-bar{background:var(--white);border:1px solid var(--grey-border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.fp{border:1px solid var(--grey-border);background:var(--white);font-size:12px;font-family:var(--font-b);cursor:pointer;color:var(--navy);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .12s;display:inline-flex}.fp:hover{border-color:var(--orange);color:var(--orange)}.fp.active{background:var(--orange);color:var(--white);border-color:var(--orange)}.bundle-tag{font-family:var(--font-m);color:var(--purple);background:var(--purple-soft);border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600}.ref-id{color:var(--orange);font-weight:600;font-family:var(--font-m);font-size:11px}.aging{font-weight:600;font-family:var(--font-m);font-size:11px}.aging-green{color:var(--green-mid)}.aging-amber{color:var(--amber)}.aging-red{color:var(--red-mid)}.intel-strip{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-soft) 100%);color:var(--white);border-radius:4px;align-items:center;gap:24px;margin-bottom:18px;padding:14px 22px;font-size:12px;display:flex;position:relative;overflow:hidden}.intel-strip:after{content:"";background:radial-gradient(circle,#ff580026 0%,#0000 70%);width:180px;height:180px;position:absolute;top:-40px;right:-40px}.intel-label{color:var(--orange);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.pending-bar{border:1px solid var(--amber);border-left:4px solid var(--amber);background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-radius:4px;margin-bottom:18px;padding:14px 22px;animation:2s ease-in-out infinite pendingPulse}@keyframes pendingPulse{0%,to{box-shadow:0 0 #f57c0000}50%{box-shadow:0 0 0 4px #f57c0026}}.form-field label{text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-bottom:5px;font-size:10px;font-weight:600;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--grey-border);width:100%;font-family:var(--font-b);color:var(--navy);background:var(--white);border-radius:3px;padding:8px 10px;font-size:12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--orange);outline:none}.form-field input.auto{background:var(--grey-bg);color:var(--grey);font-family:var(--font-m);font-size:11px}.panel{background:var(--white);border:1px solid var(--grey-border);border-radius:4px;overflow:hidden}.panel-header{background:var(--navy);color:var(--white);font-family:var(--font-h);letter-spacing:.02em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.panel-body{padding:18px}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--grey);border-bottom:1px solid var(--grey-border);margin:16px 0 8px;padding-bottom:4px;font-size:10px;font-weight:600}.detail-row{border-bottom:1px dashed var(--grey-border);justify-content:space-between;gap:12px;padding:7px 0;font-size:12px;display:flex}.detail-row:last-child{border:none}.detail-row .lbl{color:var(--grey);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.detail-row .val{color:var(--navy);text-align:right;font-weight:600;font-family:var(--font-m);font-size:11px}