:root{--ink:#040a18;--deep:#060e20;--navy:#0f2042;--cyan:#00a3a6;--cyan-l:#52c0c2;--green:#00d676;--mist:#b8c4dc;--ether:#f7f9fc;--line:#e3e9f2;--text:#44536f;--outfit:Outfit,system-ui,sans-serif;--inter:Inter,system-ui,sans-serif;--satoshi:Satoshi,Inter,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ether);color:var(--navy);font:14px/1.5 var(--inter);-webkit-font-smoothing:antialiased}.grain{position:fixed;z-index:50;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(4) infinite}@keyframes grain{50%{transform:translate(-2%,-1%)}}.brand-logo{display:block}.brand-logo img{width:151px;height:auto;display:block}.login-shell{min-height:100vh;background:radial-gradient(circle at 94% 0%,#15345e 0,transparent 29%),linear-gradient(135deg,#060e20,#0f2042);color:#fff;padding:clamp(25px,4.5vw,70px);display:flex;flex-direction:column}.login-card{width:min(100%,480px);margin:auto}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.27em;font-weight:700;color:var(--cyan-l)}.eyebrow span,.live i,.count-card small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:10px;box-shadow:0 0 0 5px rgba(0,214,118,.1)}.login-card h1,.hero-panel h1{font:700 clamp(56px,6vw,86px)/.91 var(--outfit);letter-spacing:-.06em;margin:24px 0}.login-card h1 span,.hero-panel em{font-style:normal;color:var(--green)}.lede{font:18px/1.55 var(--satoshi);color:var(--mist);margin:0 0 38px}.login-form{display:grid;gap:20px}.login-form label{font-size:12px;font-weight:600;color:var(--mist);letter-spacing:.02em}.login-form input:not([type=checkbox]){display:block;width:100%;margin-top:8px;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.25);outline:0;background:transparent;color:#fff;font:16px var(--inter)}.login-form input:focus{border-color:var(--green)}.remember{display:flex;gap:9px;align-items:center}.remember input{accent-color:var(--green)}.login-form button{border:0;border-radius:99px;margin-top:10px;padding:15px 21px;text-align:left;background:var(--green);color:var(--navy);font:700 14px var(--inter);cursor:pointer}.login-form button b{float:right;font-size:20px;line-height:14px}.error{margin:-7px 0 0;color:#ff9e9e;font-size:13px}.login-foot{margin:0;color:#8fa0bf;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.admin-shell{min-height:100vh;display:flex}.sidebar{position:fixed;z-index:2;top:0;bottom:0;width:258px;padding:30px 17px 18px;background:var(--deep);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06)}.sidebar .brand-logo{padding:3px 15px 43px}.side-label{padding:0 15px 10px;color:#5e7396;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.side-nav{display:grid;gap:4px}.side-link{color:#aab9d1;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:10px;font-size:13px;font-weight:600;transition:.2s}.side-link svg{width:19px;height:19px;color:var(--cyan-l)}.side-link b{margin-left:auto;min-width:23px;padding:1px 7px;border-radius:99px;background:rgba(255,255,255,.1);color:#dfe9f7;font-size:11px;text-align:center}.side-link.active{background:rgba(0,163,166,.16);box-shadow:inset 2px 0 var(--green);color:#fff}.side-link.active b{background:var(--green);color:var(--navy)}.side-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 8px 0}.admin-profile{display:flex;align-items:center;gap:10px;padding:0 5px 15px}.admin-profile>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#183b69;color:var(--green);font-weight:700}.admin-profile strong,.admin-profile small{display:block;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-profile strong{font-size:12px}.admin-profile small{font-size:10px;color:#7890b4;margin-top:1px}.sign-out{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:10px 5px;background:transparent;color:#9fb0cb;font:600 12px var(--inter);cursor:pointer;text-align:left}.sign-out:hover{background:rgba(255,255,255,.06);color:#fff}.sign-out svg{width:17px;height:17px}.workspace{width:calc(100% - 258px);margin-left:258px;min-height:100vh}.workspace-top{height:72px;display:flex;justify-content:flex-end;align-items:center;padding:0 clamp(24px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.78)}.live{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#008285}.content{max-width:1230px;margin:auto;padding:42px clamp(24px,5vw,76px) 72px}.route{display:flex;align-items:center;gap:10px;color:#71809b;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700}.route i{width:20px;border-top:1px solid #bdc9d9}.route b{color:var(--navy)}.hero-panel{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:24px 0 47px}.hero-panel h1{font-size:clamp(47px,5.8vw,79px);margin:13px 0 19px}.hero-panel p{max-width:485px;color:var(--text);font:17px/1.55 var(--satoshi);margin:0}.count-card{min-width:245px;padding:28px 30px;border-radius:20px;color:var(--mist);background:linear-gradient(145deg,#142c55,#0b1830);box-shadow:0 23px 45px rgba(15,32,66,.18)}.count-card span{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.count-card strong{display:block;color:#fff;font:700 62px/.95 var(--outfit);letter-spacing:-.065em;margin:13px 0}.count-card small{font-size:11px}.count-card small i{width:6px;height:6px;margin-right:7px}.list-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(15,32,66,.07)}.list-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 29px;border-bottom:1px solid var(--line)}.list-head h2{margin:0;font:600 23px var(--outfit);letter-spacing:-.03em}.list-head p{margin:3px 0 0;color:#71809b;font-size:12px}.list-badge{padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:#52617d;font-size:11px}.list-badge span{color:var(--cyan);margin-left:4px}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 29px;background:#fafcff;color:#71809b;font-size:9px;text-transform:uppercase;letter-spacing:.16em}td{padding:16px 29px;border-top:1px solid var(--line);color:#52617d;font-size:13px}td:first-child{width:65px;color:#9ba8bb}td strong{font-weight:600;color:var(--navy);font-size:13px}.email-avatar{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:12px;border-radius:50%;background:#e6faf0;color:#008e52;font-size:11px;font-weight:700;vertical-align:middle}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 29px;border-top:1px solid var(--line);color:#71809b;font-size:11px}.pagination>div{display:flex;gap:7px}.page{display:inline-block;padding:7px 11px;border:1px solid var(--line);border-radius:7px;color:var(--navy);font-weight:600;text-decoration:none}.page.primary{border-color:var(--navy);background:var(--navy);color:#fff}.page.disabled{opacity:.4}.empty{padding:80px 25px;text-align:center}.empty-mark{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:#e6faf0;color:#008e52;font-size:27px}.empty h3{margin:18px 0 5px;font:600 25px var(--outfit)}.empty p{margin:0;color:#71809b}.mobile-brand{display:none}@media(max-width:780px){.sidebar{display:none}.workspace{width:100%;margin-left:0}.workspace-top{justify-content:space-between;height:64px;background:var(--deep)}.workspace-top .live{color:var(--cyan-l)}.mobile-brand{display:block}.mobile-brand img{width:120px}.content{padding-top:34px}.hero-panel{align-items:start;flex-direction:column}.count-card{width:100%}.list-head{align-items:start;flex-direction:column}.list-badge{display:none}th:nth-child(4),td:nth-child(4){display:none}th,td{padding-left:16px;padding-right:16px}.pagination{align-items:start;flex-direction:column;gap:12px;padding:16px}.brand-logo img{width:142px}}