.admin-body{background:#f4f6fb}.admin-login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:20px;background:radial-gradient(ellipse at 15% 15%,#e4edff,transparent 50%)}.login-card{width:100%;max-width:410px;padding:34px}.login-card h1{font-size:28px;letter-spacing:-1px;margin:14px 0 9px}.login-card>p{font-size:14px}.login-card .primary{width:100%}.admin-layout{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#172943;padding:34px 22px;color:#c4d1e6;display:flex;flex-direction:column;gap:9px}.sidebar .brand{color:white;margin-bottom:35px}.sidebar-label{font-size:10px;letter-spacing:1.4px;color:#758cae;margin:6px 10px 10px}.sidebar>a:not(.brand){padding:12px;border-radius:9px;color:#aebfd8;font-size:13px}.sidebar>a.sidebar-active{background:#2d4261;color:white}.sidebar-bottom{margin-top:auto;font-size:12px;padding:16px 10px}.sidebar-bottom small{margin:12px 0;color:#8ba0c0}.sidebar-bottom .text-button{color:#b4c5df;text-align:left;padding-left:0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#73d2ae;margin-right:7px}.dashboard{width:calc(100% - 220px);margin-left:220px;padding:42px clamp(22px,3.8vw,64px);max-width:1580px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.dashboard-header h1{font-size:30px;letter-spacing:-1px;margin:9px 0}.dashboard-header p{font-size:12px}.dashboard-controls{display:flex;gap:10px;align-items:center}select,.outline-button{font:inherit;font-size:12px;padding:11px 14px;border:1px solid #d5dfec;border-radius:9px;background:white;color:var(--ink);cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:white;border:1px solid var(--border);border-radius:16px;padding:23px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{display:block;font-size:32px;letter-spacing:-1px;font-weight:700;margin:12px 0 7px}.metric-note{font-size:11px;color:#8b9ab0}.metric:first-child{background:#edf3ff;border-color:#d4e2ff}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px;margin-top:12px}.dashboard .card{padding:26px;margin:16px 0}.dashboard h2{font-size:17px}.dashboard .card p{font-size:12px}.chart{height:215px;padding-top:14px}.chart svg{width:100%;height:100%;overflow:visible}.chart-footnote{font-size:11px;color:var(--muted);margin-top:14px}.retention-item{margin:24px 0}.retention-item>div{display:flex;justify-content:space-between;align-items:center;font-size:13px}.retention-value{font-size:26px;font-weight:700}.retention-item small{margin-top:6px;font-size:10px}.command-bars{display:grid;grid-template-columns:1fr 1fr;gap:15px 34px;margin-top:22px}.command-row{font-size:12px}.command-label{display:flex;justify-content:space-between;margin-bottom:8px}.command-bar{height:5px;border-radius:8px;background:#edf1f8}.command-bar>div{height:100%;border-radius:8px;background:#6b94ee}.users-card .section-heading input{width:260px;margin:0;padding:10px 13px;font-size:12px;min-height:38px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8290a5;padding:16px 10px;background:#f7f9fd;border-bottom:1px solid var(--border)}td{padding:16px 10px;border-bottom:1px solid #edf1f6;color:#445771}td:first-child{color:var(--ink);font-weight:600}td small{font-weight:400;font-size:10px;margin-top:5px}.status{display:inline-block;font-size:10px;padding:5px 8px;border-radius:20px;background:#f1f3f7;color:#7a879b}.status.active{background:#e7f5ed;color:#338265}.status.expired{background:#fff2e5;color:#aa7436}.status.duplicate{background:#fff1e9;color:#a26949;margin-left:7px}.user-button{background:transparent;border:0;color:var(--blue);font-size:18px;padding:7px}.table-pagination{display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);gap:22px;margin-top:12px}.table-pagination .text-button{width:auto;font-size:11px}.drawer-overlay{position:fixed;inset:0;background:#152b4a55;z-index:10;display:flex;justify-content:flex-end}.user-drawer{width:460px;max-width:100%;background:white;height:100%;padding:40px 30px;overflow:auto;box-shadow:-20px 0 50px #152b4a15}.close-button{float:right;font-size:27px;border:0;background:none;color:var(--muted);cursor:pointer}.user-drawer h2{font-size:25px;margin:16px 0 9px}.user-drawer>p{font-size:12px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:27px 0}.detail-metrics>div{padding:16px;background:#f5f8fd;border-radius:12px;font-size:11px;color:var(--muted)}.detail-metrics strong{display:block;font-size:21px;margin-top:7px;color:var(--ink)}.history-row{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #edf1f6;font-size:12px}.history-row small{font-size:10px}#more-history{margin-top:18px;width:100%}@media(max-width:1050px){.sidebar{width:180px;padding:30px 16px}.dashboard{margin-left:180px;width:calc(100% - 180px);padding:30px 22px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column}.chart{height:230px}}@media(max-width:650px){.sidebar{display:none}.dashboard{margin:0;width:100%;padding:25px 16px}.metric{padding:18px}.metric-value{font-size:28px}.dashboard .card{padding:20px}.command-bars{grid-template-columns:1fr}.users-card .section-heading{align-items:flex-start;flex-direction:column}.users-card .section-heading input{width:100%}.dashboard-header h1{font-size:26px}.user-drawer{padding:28px 22px}}
.user-command-breakdown{margin:0 0 26px}.user-drawer>.chart{height:160px;margin:12px 0 20px}