:root{color-scheme:light;--ink: #151a18;--muted: #66716c;--line: #e2e5e3;--paper: #f5f5f5;--panel: #ffffff;--accent: #d7172f;--accent-strong: #cb0022;--accent-soft: #fff1f2;--orange: #eb613e;--danger: #b42318}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Nunito Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;width:260px;height:100vh;flex-shrink:0;flex-direction:column;border-right:1px solid var(--line);background:#fff;padding:24px 18px}.brand{display:flex;align-items:flex-start;flex-direction:column;gap:8px;padding:4px 2px 6px}.brand-logo{display:block;width:min(194px,100%);height:auto}.brand h1,.page-header h2,.panel h3,.record-section h4{margin:0}.brand h1{color:var(--muted);font-size:13px;font-weight:700}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.nav{display:grid;gap:6px;margin-top:32px}.nav a{border-radius:8px;color:var(--ink);padding:11px 12px;text-decoration:none}.nav a:hover,.nav a.active{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--accent-strong);padding-left:9px}.sidebar-footer{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.5}.content-shell{min-width:0;flex:1}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:#fffffff0;padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.user-pill{max-width:280px;overflow:hidden;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.primary-button,.ghost-button,.menu-button{border:1px solid var(--accent);border-radius:10px;padding:9px 14px;font-weight:700}.primary-button{background:linear-gradient(to left,#f48d6a 0%,var(--accent) 100%);color:#fff}.ghost-button,.menu-button{background:transparent;color:var(--accent-strong)}.menu-button{display:none}.page{padding:28px}.page-header,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h2{font-size:28px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric,.panel,.search-panel,.state-block{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.metric{border-top:3px solid var(--accent);padding:18px}.metric p,.metric span,.panel-heading span,.search-panel p,.detail-grid span,.account-row span,.account-row small{color:var(--muted)}.metric p{margin:0 0 8px;font-size:13px}.metric strong{display:block;font-size:28px}.metric span{display:block;margin-top:8px;font-size:13px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.panel{min-width:0;padding:18px}.bar-list{display:grid;gap:10px}.bar-row,.storage-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1ee;padding:10px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #edf1ee;padding:10px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-size:12px;font-weight:700}.storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.state-block{margin-bottom:18px;padding:16px;color:var(--muted)}.state-block.error{border-color:#e8c0ba;color:var(--danger)}.state-block.success{border-color:#f0b0b8;color:var(--accent-strong)}.search-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:16px}.search-form{display:flex;min-width:0;gap:10px}.search-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.voucher-search-panel{align-items:start}.voucher-search-form{display:grid;grid-template-columns:minmax(280px,1fr) minmax(140px,.18fr) minmax(180px,.22fr) auto;gap:10px;min-width:0}.voucher-search-form input,.voucher-search-form select{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px}.users-table-panel{padding:22px}.users-table tbody tr{cursor:pointer}.users-table tbody tr:hover,.users-table tbody tr.selected-row{background:var(--accent-soft)}.users-table td:first-child strong,.users-table td:first-child span{display:block}.vouchers-table td span{display:block;max-width:280px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.vouchers-table{table-layout:fixed}.vouchers-table th:nth-child(1){width:145px}.vouchers-table th:nth-child(2){width:95px}.vouchers-table th:nth-child(4),.vouchers-table th:nth-child(5){width:170px}.vouchers-table th:nth-child(6){width:90px}.compact-cell,.vouchers-table td strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-cell{color:var(--ink)}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #edf1ee;margin-top:12px;padding-top:14px}.pager span{color:var(--muted);font-size:13px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.users-table td:first-child span{max-width:360px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.drawer-backdrop{position:fixed;inset:0;z-index:30;background:#151a1847}.detail-drawer{position:fixed;inset:0 0 0 auto;z-index:40;display:flex;width:min(860px,92vw);transform:translate(100%);flex-direction:column;border-left:1px solid var(--line);background:var(--panel);box-shadow:-24px 0 60px #151a182e;transition:transform .18s ease}.detail-drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:20px 24px}.drawer-header h3{margin:0;font-size:24px}.drawer-loading{padding:12px 24px 0;color:var(--muted);font-size:13px}.drawer-body{min-height:0;flex:1;overflow:auto;padding:22px 24px 32px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.detail-grid div{min-width:0;border:1px solid #edf1ee;border-radius:8px;padding:12px}.detail-grid span,.detail-grid strong{display:block}.detail-grid strong{min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.18}.record-section{margin-top:20px}.record-section h4{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.record-section h4 span{color:var(--muted);font-size:12px;font-weight:700}.history-search{display:grid;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:14px;align-items:end;border:1px solid var(--line);border-radius:8px;background:#fff;margin-bottom:22px;padding:14px}.history-search h4,.history-search p{margin:0}.history-search p{color:var(--muted);font-size:13px}.history-search input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.record-section td span{display:block;max-width:260px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.detail-list{display:grid;gap:10px}.detail-list div,.raw-block{min-width:0;border:1px solid #edf1ee;border-radius:8px;padding:12px}.detail-list span,.raw-block span{display:block;color:var(--muted);font-size:13px}.detail-list strong{display:block;overflow-wrap:anywhere}.raw-block{margin-bottom:10px}.raw-block pre{max-height:220px;overflow:auto;margin:8px 0 0;white-space:pre-wrap;word-break:break-word;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.manual-redemption{display:grid;gap:10px;border:1px solid #f0b0b8;border-radius:8px;background:var(--accent-soft);margin-bottom:22px;padding:14px}.manual-redemption h4,.manual-redemption p{margin:0}.manual-redemption p{color:var(--muted);font-size:13px}.manual-redemption textarea{width:100%;min-width:0;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}.manual-redemption .primary-button{justify-self:start}.manual-redemption-note{font-weight:700}.compact-records{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.compact-records p{margin:0 0 8px;color:var(--muted);font-size:13px}@media(max-width:1100px){.metric-grid,.two-column,.storage-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;display:none;width:min(280px,90vw)}.sidebar.sidebar-open{display:flex}.menu-button{display:inline-flex}.topbar,.search-panel,.page-header,.panel-heading{align-items:flex-start;flex-direction:column}.auth-actions{margin-left:0}.page{padding:18px}.detail-grid,.compact-records,.history-search{grid-template-columns:1fr}.search-form{width:100%;flex-direction:column}.voucher-search-form{width:100%;grid-template-columns:1fr}}