*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#070b14;color:#f7f8fb;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#17213a 0,#070b14 46%)}.login-card{width:100%;max-width:420px;padding:38px;border:1px solid #27314a;border-radius:24px;background:rgba(15,21,36,.94);box-shadow:0 30px 80px rgba(0,0,0,.38)}.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#ffffff;color:#080d18;font-weight:900;font-size:27px}.brand-mark.small{width:39px;height:39px;border-radius:12px;font-size:19px}.login-heading{margin-top:26px}.login-heading h1{margin:0;font-size:28px}.login-heading p{margin:8px 0 0;color:#919bb0}.login-form{display:grid;grid-gap:18px;gap:18px;margin-top:30px}.login-form label{display:grid;grid-gap:8px;gap:8px;color:#aeb6c8;font-size:13px;font-weight:700}input{width:100%;padding:13px 14px;color:#fff;background:#0a1020;border:1px solid #2c3650;border-radius:11px;outline:none}input:focus{border-color:#7b8eb6}.primary-button,.refresh-button,.secondary-button{border:0;border-radius:11px;font-weight:800}.primary-button{padding:14px;background:#fff;color:#080d18}.primary-button:disabled{opacity:.6}.refresh-button,.secondary-button{padding:11px 16px;background:#222c43;color:#fff}.error-box{padding:12px 14px;border-radius:10px;background:#35151b;border:1px solid #7f2f3b;color:#ffc2ca;font-size:13px}.login-footer{margin-top:25px;color:#677188;font-size:12px;text-align:center}.admin-shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px;background:#0a0f1c;border-right:1px solid #1d2638}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:5px 7px 25px}.sidebar-brand div:last-child{display:grid}.sidebar-brand strong{font-size:17px}.sidebar-brand span{margin-top:3px;color:#737f96;font-size:11px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-item{border:0;border-radius:10px;padding:11px 13px;text-align:left;color:#9ca7bc;background:transparent}.nav-item:hover{color:#fff;background:#121a2b}.nav-item.active{color:#fff;background:#1b263d}.logout-button{margin-top:auto;padding:11px;border:1px solid #303a50;border-radius:10px;color:#aeb6c8;background:transparent}.content{padding:36px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.topbar h1{margin:3px 0 0;font-size:30px}.eyebrow{margin:0;color:#6e7c98;font-size:11px;font-weight:800;letter-spacing:2px}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #273148;border-radius:100px;color:#a9b3c5;font-size:12px}.status-pill span{width:7px;height:7px;border-radius:50%;background:#61d38a}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:16px;gap:16px}.metric-card{min-height:135px;display:flex;flex-direction:column;justify-content:space-between;padding:21px;border:1px solid #202a3d;border-radius:16px;background:#0e1524}.metric-card span{color:#8792a8;text-transform:capitalize;font-size:13px}.metric-card strong{font-size:36px}.loading-card,.panel{border:1px solid #202a3d;border-radius:16px;background:#0e1524}.loading-card{padding:30px;color:#8792a8}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #202a3d}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{margin:5px 0 0;color:#6f7b92;font-size:12px}.toolbar{display:flex;gap:10px;max-width:580px;margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}td,th{padding:14px 17px;border-bottom:1px solid #1c2537;text-align:left;font-size:12px}th{color:#7f8ba3;font-size:10px;text-transform:uppercase;letter-spacing:.7px}td{color:#cbd2df}tbody tr:hover{background:#111b2d}.empty-state{padding:50px;color:#68758d;text-align:center}@media (max-width:800px){.admin-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.logout-button{margin-top:15px}.content{padding:20px}.topbar{align-items:flex-start;flex-direction:column}}.top-message{margin-bottom:18px}.success-box{padding:12px 14px;border:1px solid #245b3d;border-radius:10px;color:#b7f5ce;background:#102a1d;font-size:13px}.action-row,.heading-actions,.row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.action-row button,.back-button,.danger-action,.primary-action,.row-actions button,.warning-action{padding:10px 14px;border:0;border-radius:9px;color:#fff;background:#202b42;font-weight:700}.primary-action{background:#fff!important;color:#080d18!important}.warning-action{background:#4c3712!important;color:#ffd993!important}.danger-action{background:#4a171d!important;color:#ffbec6!important}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px;padding:18px 20px;border-bottom:1px solid #202a3d}select{min-height:43px;padding:0 12px;border:1px solid #2c3650;border-radius:10px;color:#fff;background:#0a1020}.clickable-row{cursor:pointer}.clickable-row:hover{background:#172238}.badge{display:inline-flex;padding:4px 8px;border-radius:100px;background:#222c42;font-size:10px;font-weight:800;text-transform:uppercase}.badge-active,.badge-sent{color:#9aebba;background:#173524}.badge-retrying,.badge-suspended{color:#ffd58c;background:#443316}.badge-cancelled,.badge-failed,.badge-revoked{color:#ffadb8;background:#461820}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.detail-header h2{margin:17px 0 5px}.detail-header p{margin:0;color:#7e899f}.back-button{padding-left:0;color:#91a0bc;background:transparent}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:15px;gap:15px}.action-panel,.detail-card{padding:21px;border:1px solid #202a3d;border-radius:15px;background:#0e1524}.action-panel h3,.detail-card h3{margin:0 0 18px}.detail-card dl{display:grid;grid-template-columns:130px minmax(0,1fr);grid-gap:11px;gap:11px;margin:0}.detail-card dt{color:#77849c}.detail-card dd{margin:0;overflow-wrap:anywhere}.action-panel{margin-top:15px}.action-row+.action-row{margin-top:12px}.action-row select{min-width:250px}.detail-table{margin-top:15px}.management-list{border-top:1px solid #202a3d}.management-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 18px;border-bottom:1px solid #202a3d}.management-row>div:first-child{display:grid;grid-gap:4px;gap:4px}.management-row span{color:#79869e;font-size:11px}.muted{color:#77849c}@media (max-width:700px){.detail-header,.management-row{align-items:stretch;flex-direction:column}.detail-card dl{grid-template-columns:1fr}.detail-card dd{margin-bottom:8px}.action-row select{width:100%;min-width:0}}