body{background:#f3f6fb}.sidebar{background:linear-gradient(180deg,#071b35,#0d315f);box-shadow:8px 0 30px rgba(11,31,58,.08)}.sidebar nav a{border:1px solid transparent}.sidebar nav a.active{background:linear-gradient(135deg,#267cf1,#1764d1);box-shadow:0 8px 20px rgba(23,105,224,.25)}.topbar{box-shadow:0 1px 12px rgba(24,48,80,.04)}.card,.stat-card{border-color:#e7ecf3;box-shadow:0 5px 18px rgba(22,44,75,.035)}.primary{background:linear-gradient(135deg,#297df0,#1763d3)}.admin-sidebar{background:linear-gradient(180deg,#08182e,#111d36)}.admin-sidebar .brand{position:relative}.admin-sidebar .brand em{position:absolute;left:44px;top:25px;font-size:8px;letter-spacing:1.5px;color:#73a9ef;font-style:normal}.admin-secure{font-size:11px;color:#14885f;background:#e8f8f2;padding:8px 12px;border-radius:30px}.admin-login-body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#277af025,transparent 30%),radial-gradient(circle at 85% 80%,#21b9b725,transparent 28%),#07182e;font-family:Inter,Arial,sans-serif;padding:25px}.admin-login-card{width:min(430px,100%);background:rgba(255,255,255,.98);border-radius:24px;padding:38px;box-shadow:0 35px 100px rgba(0,0,0,.35)}.admin-login-brand{display:flex;align-items:center;gap:11px}.admin-login-brand strong,.admin-login-brand small{display:block}.admin-login-brand strong{font-size:18px;color:#10233e}.admin-login-brand small{font-size:8px;letter-spacing:1.5px;color:#708198;margin-top:2px}.admin-login-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf3ff;color:#1769e0;font-size:24px;margin-top:42px}.admin-login-card h1{font-size:30px;margin:16px 0 7px;color:#10233e}.admin-login-card>p{color:#6c7a90;font-size:13px}.admin-login-card form label{display:block;font-size:12px;font-weight:700;color:#24364f;margin:18px 0}.admin-login-card input{display:block;width:100%;padding:12px;border:1px solid #d8e0ea;border-radius:10px;margin-top:7px;box-sizing:border-box}.admin-login-card .check{display:flex;align-items:center;gap:8px;font-weight:500}.admin-login-card .check input{width:auto;margin:0}.admin-login-foot{border-top:1px solid #e7ecf3;margin-top:24px;padding-top:20px;color:#7a899d;font-size:10px;line-height:1.5}.customer-hero{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #e2e9f2;border-radius:18px;padding:24px;margin-bottom:18px;box-shadow:0 10px 30px rgba(18,54,96,.05)}.customer-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#2d85f5,#155bc1);color:#fff;font-size:20px;font-weight:800;text-transform:uppercase;box-shadow:0 10px 25px rgba(23,105,224,.25)}.customer-title{flex:1}.customer-title h1{margin:7px 0;font-size:25px}.customer-title>div{display:flex;gap:12px;align-items:center;color:#78879a;font-size:11px}.customer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.customer-summary article{background:#fff;border:1px solid #e4eaf2;border-radius:14px;padding:19px}.customer-summary small,.customer-summary strong,.customer-summary em{display:block}.customer-summary small{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#8491a4}.customer-summary strong{font-size:21px;margin:8px 0}.customer-summary em{font-size:10px;color:#9aa5b4;font-style:normal}.success-text{color:#15966b}.danger-text{color:#e14d59}.customer-grid{display:grid;grid-template-columns:320px 1fr;gap:18px}.customer-info dl{padding:8px 22px 20px;margin:0}.customer-info dt{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#91a0b3;margin-top:17px}.customer-info dd{font-size:12px;font-weight:600;margin:5px 0 0;line-height:1.5}.customer-activity{display:flex;flex-direction:column;gap:18px}.detail-action{background:#eaf3ff;padding:6px 9px;border-radius:7px}.admin-stats article{position:relative;overflow:hidden}.admin-stats article:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#eaf3ff;right:-25px;top:-25px}.usage-grid article{box-shadow:0 5px 18px rgba(22,44,75,.035)}
@media(max-width:1000px){.customer-summary{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:1fr}}@media(max-width:700px){.customer-hero{align-items:flex-start;flex-wrap:wrap}.customer-title{min-width:calc(100% - 90px)}.customer-hero .head-actions{width:100%;flex-direction:row}.customer-summary{grid-template-columns:1fr}.admin-login-card{padding:28px}}