.login-section{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;min-height:75vh;align-items:center;padding:65px 0}.login-intro h1,#dashboard h1{font-size:57px;line-height:1.1;margin:15px 0}.login-card{background:#131719;border:1px solid #3c4349;border-radius:24px;padding:30px}.login-card h2{margin:18px 0 10px}.login-card p{font-size:23px}.login-card img{border-radius:15px}.login-card form{display:grid;gap:14px}.login-card form label{margin:0}.login-card button{width:100%}.login-card input{font-size:28px;letter-spacing:1px}.login-benefits{list-style:none;padding:0;color:var(--muted);line-height:1.5}.login-benefits li{margin:18px 0;padding-inline-start:25px;position:relative}.login-benefits li:before{content:'✓';color:var(--accent);position:absolute;inset-inline-start:0}.report-controls{display:flex;gap:24px;align-items:end;padding:20px 0 28px}.report-controls label{min-width:220px;flex:1}.report-controls label span,.record-filters label span{display:block;margin-bottom:6px}.report-zone{font-size:20px;color:var(--muted);min-width:160px;padding-bottom:8px}.report-zone span,.report-zone b{display:block}.report-zone b{font:13px/1.5 Consolas,monospace;margin-top:5px;color:#e8edf3}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:10px 0 28px}.metrics article{border:1px solid var(--line);border-radius:18px;background:#131719;padding:21px;display:flex;flex-direction:column;gap:7px}.metrics span{font-size:25px}.metrics strong{font-size:64px;line-height:1.05;font-variant-numeric:tabular-nums}.metrics small{font-size:20px;color:var(--muted)}.metric-used strong{color:var(--accent)}.chart-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:25px 0 40px}.chart-panel,.usage-panel{border:1px solid var(--line);border-radius:20px;padding:24px;background:#101416}.chart-panel h2,.usage-panel h2,.records h2{font-size:32px}.chart{display:flex;align-items:end;gap:12px;height:205px;padding-top:20px;overflow-x:auto}.bar-column{min-width:38px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.bar-value{font:12px Consolas,monospace;color:#f6f8f9}.bar{width:100%;max-width:40px;border-radius:5px 5px 0 0;background:var(--accent);min-height:3px}.bar-label{font:10px Consolas,monospace;color:var(--muted);white-space:nowrap}.chart-legend{display:inline-flex;align-items:center;gap:7px;font-size:21px}.chart-legend i{width:9px;height:9px;border-radius:3px;background:var(--accent)}.usage-panel>strong{display:block;font-size:74px;line-height:1.3;font-variant-numeric:tabular-nums}.progress-track{height:8px;border-radius:6px;background:#31373c;overflow:hidden}.progress-track>div{height:100%;width:0;background:var(--accent);border-radius:6px}.record-filters{display:flex;align-items:end;gap:18px;margin:18px 0 25px}.record-filters label{flex:1;margin:0}.record-filters label:first-child{flex:1.6}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;font-size:22px;white-space:nowrap}th,td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:start}th{background:#1a1f23;font-weight:700;color:#e7edf4}td{color:#c5cbd2}tbody tr:last-child td{border-bottom:none}.ticket-number{font:13px/1.5 Consolas,monospace;color:#f3f6f9}.table-date{font-size:21px}.status{display:inline-flex;border-radius:7px;padding:3px 10px;background:#262d33;font-size:21px}.status-used{background:#223418;color:#c7f5a7}.status-expired{background:#3c2629;color:#ffb7bd}.status-available{color:#d4ecc0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#reportstatus{min-height:22px;color:var(--accent);font-size:21px}#rows .empty-cell{text-align:center;padding:35px;color:var(--muted)}@media(max-width:850px){.login-section{grid-template-columns:1fr;gap:25px}.login-intro h1,#dashboard h1{font-size:45px}.login-card{max-width:600px;width:100%}.metrics{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.report-controls{flex-wrap:wrap}.report-controls label{min-width:180px}.report-zone{flex-basis:100%}.record-filters{flex-wrap:wrap}.record-filters label{min-width:180px}.record-filters button{width:100%}.login-intro .lead{max-width:650px}}@media(max-width:480px){.metrics{gap:12px}.metrics article{padding:16px}.metrics strong{font-size:51px}.metrics span{font-size:23px}.login-card{padding:23px}.report-controls{gap:14px}.report-controls label{min-width:100%}}

.chart-grid,.chart-panel,.usage-panel,.records{min-width:0}.chart-panel,.usage-panel{overflow:hidden}.chart{max-width:100%}