:root{--bg: #f6f7f9;--surface: #ffffff;--surface-muted: #eef2f5;--sidebar: #16202a;--sidebar-active: #253342;--border: #d8dee5;--border-strong: #b8c2cc;--text-primary: #16202a;--text-secondary: #62707f;--accent: #2563eb;--accent-strong: #1d4ed8;--success: #15803d;--warning: #b45309;--danger: #c2410c;--danger-strong: #9a3412}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary)}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#d7dde4;padding:18px 14px;display:flex;flex-direction:column;gap:16px}.brand{color:#fff;font-size:15px;font-weight:700;padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{color:#c6ced7;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:14px}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;background:var(--sidebar-active)}.main{display:flex;flex-direction:column;min-width:0}.topbar{min-height:56px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--text-secondary);font-size:13px}.content{padding:24px;overflow:auto}.page-stack{display:flex;flex-direction:column;gap:16px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2{margin:0;font-size:17px;line-height:1.25}.section-heading p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-header h1,.page h1{margin:0;font-size:26px;line-height:1.2}.page-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:14px}.toolbar,.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}input,select,textarea{width:100%;min-height:38px;padding:8px 10px;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--text-primary);font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(37,99,235,.2);border-color:var(--accent)}button{min-height:34px;padding:7px 12px;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.55}.primary-action{background:var(--accent);border-color:var(--accent);color:#fff}.primary-action:hover{background:var(--accent-strong);color:#fff}.danger-action{border-color:#c2410c59;color:var(--danger)}.danger-action:hover{border-color:var(--danger);color:var(--danger-strong)}.ghost-action{background:transparent}.data-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:13px}.data-table th,.data-table td{padding:12px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.data-table tbody tr:last-child td{border-bottom:0}.data-table thead th{color:var(--text-secondary);background:var(--surface-muted);font-size:12px;font-weight:700;text-transform:uppercase}.data-table .actions{display:flex;gap:8px;flex-wrap:wrap}.actions.end{justify-content:flex-end}.stacked-cell{display:flex;flex-direction:column;gap:6px;min-width:180px}.stacked-cell strong{font-size:13px}.stacked-cell.compact{min-width:140px;gap:3px}code{padding:3px 6px;border-radius:5px;background:var(--surface-muted);color:#111827;font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.status-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-muted);color:var(--text-secondary)}.status-pill.active,.status-pill.available{background:#dcfce7;color:var(--success)}.status-pill.expired,.status-pill.pending{background:#fef3c7;color:var(--warning)}.status-pill.revoked{background:#ffedd5;color:var(--danger)}.status-pill.redeemed{background:#dbeafe;color:var(--primary)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#16202a8c;display:flex;align-items:center;justify-content:center;padding:24px}.modal-card,.modal form{width:min(440px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:18px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 60px #16202a40;display:flex;flex-direction:column;gap:12px}.modal-card.wide{width:min(620px,100%)}.modal h2{margin:0;font-size:20px}.modal p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.modal-heading,.modal-actions{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.modal-actions{align-items:center;padding-top:6px}label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.inline-check{flex-direction:row;align-items:center;min-height:38px;padding-top:22px;color:var(--text-primary)}.inline-check input{width:auto;min-height:auto}.inline-check.no-offset{padding-top:0}.segmented-field{margin:0;padding:0;border:0}.segmented-field legend{margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:700}.segmented-options{display:flex;flex-wrap:wrap;gap:8px}.segmented-options label{flex-direction:row;align-items:center;min-height:34px;padding:7px 10px;border-radius:6px;border:1px solid var(--border-strong);background:#fff;color:var(--text-primary)}.segmented-options label.selected{border-color:var(--accent);background:#eff6ff;color:var(--accent-strong)}.segmented-options input{width:auto;min-height:auto}.success-panel,.summary-box,.empty-state,.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:8px}.success-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border-color:#15803d4d;background:#f0fdf4}.success-panel p{margin:6px 0 0;color:var(--text-secondary);font-size:13px}.eyebrow{display:block;margin-bottom:6px;color:var(--success);font-size:11px;font-weight:800;text-transform:uppercase}.summary-box{display:flex;justify-content:space-between;gap:12px;padding:12px}.summary-box span,.muted{color:var(--text-secondary)}.empty-state{padding:18px;color:var(--text-secondary);text-align:center}.banner{padding:10px 12px;border-radius:8px;background:#fff7ed}.error{color:var(--danger);font-size:13px}.loading{padding:24px;color:var(--text-secondary)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0}.metrics.compact{margin:0}.metric-card{padding:16px}.metric-label{color:var(--text-secondary);font-size:12px;font-weight:700;text-transform:uppercase}.metric-value{margin-top:6px;font-size:28px;font-weight:800}.details{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.upload-panel,.release-side-panel,.table-panel{display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.table-panel{padding:0;overflow:hidden}.table-panel>.section-heading{padding:16px 16px 0}.drop-zone{position:relative;min-height:126px;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed var(--border-strong);border-radius:8px;background:#f8fafc;color:var(--text-primary);text-align:center;cursor:pointer}.drop-zone.active{border-color:var(--accent);background:#eff6ff}.drop-zone input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.drop-zone span{font-size:15px;font-weight:800}.drop-zone small,.upload-receipt small{color:var(--text-secondary);font-size:12px}.upload-receipt{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(21,128,61,.25);border-radius:8px;background:#f0fdf4}@media (max-width: 860px){.app-layout{grid-template-columns:1fr}.sidebar{position:static}.sidebar nav{flex-direction:row;overflow-x:auto}.content{padding:16px}.page-header,.success-panel,.modal-heading,.modal-actions{flex-direction:column;align-items:stretch}.data-table{display:block;overflow-x:auto}.release-workbench,.form-grid.two{grid-template-columns:1fr}}
