:root{--bg:#071015;--surface:#101c27;--surface-2:#172634;--line:#16e49a;--text:#eafff6;--muted:#8cabaf;--dark:#071015}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,#12303a 0,transparent 33%),var(--bg);color:var(--text);font:14px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.navbar{min-height:68px;padding:0 max(22px,calc((100vw - 1500px)/2));border-bottom:1px solid rgba(22,228,154,.3);background:rgba(5,13,18,.91);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;backdrop-filter:blur(14px)}.brand{font-size:18px;font-weight:800;color:var(--line);text-decoration:none;letter-spacing:.2px}.brand span{color:var(--text);font-weight:600}.nav-links{display:flex;gap:5px;align-items:center}.nav-links a{color:#bdd4d3;padding:9px 13px;text-decoration:none;border-radius:7px;font-weight:650}.nav-links a:hover,.nav-links a.active{background:#11352f;color:#d9fff2}.nav-links .logout{color:#ffbdba}.container{max-width:1600px;margin:auto;padding:28px 22px 50px}.page-heading{display:flex;justify-content:space-between;margin:0 0 21px}.page-heading h1{font-size:27px;margin:0 0 3px}.eyebrow{color:var(--line);font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 4px;font-size:11px}.muted{color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:linear-gradient(120deg,rgba(23,38,52,.9),rgba(11,24,32,.9));border:1px solid var(--line);border-radius:13px;padding:20px;min-height:142px;box-shadow:0 0 22px rgba(11,255,173,.04)}.stat span{font-weight:700;display:block}.stat strong{display:block;color:#cffff0;font-size:27px;margin:13px 0 4px}.stat small{color:var(--line)}.filter-card,.table-card{background:rgba(16,28,39,.88);border:1px solid rgba(22,228,154,.6);box-shadow:0 0 20px rgba(9,255,170,.05);border-radius:13px;padding:24px;margin-bottom:24px}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.filter-grid label,.login-card label{font-weight:650;color:#d7fff3}input,select{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:10px 11px;color:var(--text);background:#0b151e;margin-top:6px;outline:none;font:inherit}input:focus,select:focus{box-shadow:0 0 0 3px rgba(22,228,154,.18)}select option{background:#10212a}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.primary,.button{border:1px solid var(--line);border-radius:7px;padding:10px 16px;background:var(--line);color:#042218;cursor:pointer;font-weight:800;text-decoration:none;font:inherit}.button.secondary{background:transparent;color:var(--line)}.table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.table-title h2{margin:0 0 3px;font-size:19px}.per-page label{display:flex;align-items:center;gap:8px;color:var(--muted)}.per-page select{width:auto;margin:0;padding:7px 28px 7px 8px}.table-wrap{overflow:auto;border:1px solid rgba(22,228,154,.5);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;background:#1b2c3c;color:#abffe0;padding:13px}td{padding:13px;border-top:1px solid #274451;color:#e3f9f2}tbody tr:hover{background:rgba(22,228,154,.05)}.badge{display:inline-block;padding:3px 9px;border-radius:999px;color:#7dffd1;background:#104c40;font-size:12px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:30px}.pagination{display:flex;justify-content:flex-end;gap:6px;padding-top:18px}.pagination a{border:1px solid #2e6154;border-radius:6px;padding:6px 10px;color:#caffeb;text-decoration:none}.pagination a.current{background:var(--line);color:#043323}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,410px);padding:34px;border-radius:14px;border:1px solid var(--line);background:var(--surface);box-shadow:0 14px 60px rgba(0,0,0,.35)}.login-card h1{margin:0 0 5px}.login-card label{display:block;margin-top:17px}.full{width:100%;margin-top:25px}.error{background:#4c2428;color:#ffd7d7;border:1px solid #ff7777;border-radius:6px;padding:9px 11px;margin-top:18px}@media(max-width:950px){.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.navbar{padding:0 14px}.brand span{display:none}.nav-links a{padding:8px}.container{padding:20px 13px}.stat-grid,.stat-grid.three,.filter-grid{grid-template-columns:1fr}.filter-card,.table-card{padding:16px}.actions{justify-content:stretch}.actions>*{flex:1;text-align:center}.stat{min-height:auto}}
.stat-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-card{background:rgba(16,28,39,.88);border:1px solid rgba(22,228,154,.6);box-shadow:0 0 20px rgba(9,255,170,.05);border-radius:13px;padding:24px;margin-bottom:24px}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.analytics-grid .table-card{margin:0}.compact-table{min-width:0}.revenue-chart{height:310px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #31515b;padding:16px 5px 0}.bar-group{height:100%;flex:1;min-width:46px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;text-align:center}.bar-track{height:220px;width:100%;display:flex;align-items:flex-end}.bar{width:100%;min-height:3px;background:linear-gradient(180deg,#43ffd0,#11c98d);border-radius:5px 5px 0 0}.bar-value{font-size:11px;color:#b9f9e3;white-space:nowrap}.bar-label{font-size:11px;color:#d9fff3;white-space:nowrap}.bar-group small{color:var(--muted);font-size:10px}@media(max-width:1150px){.stat-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.stat-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.revenue-chart{overflow-x:auto;justify-content:flex-start}.bar-group{flex:0 0 65px}}@media(max-width:570px){.stat-grid.five{grid-template-columns:1fr}.analytics-card{padding:16px}}