
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0b0d12;color:#eef0f5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.button{background:#e53449;color:white;border:0;border-radius:8px;padding:13px 20px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}input{background:#0d1017;border:1px solid #303644;border-radius:7px;color:#fff;padding:12px 14px;max-width:100%}input:focus{outline:2px solid #e53449;outline-offset:2px}a{color:#ff7887}.shell{display:flex;min-height:100vh}aside{width:235px;background:#10131a;border-right:1px solid #242934;padding:35px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{font-size:29px;letter-spacing:1px;font-weight:900;color:#f04458}.brand span{display:block;font-size:10px;letter-spacing:4.6px;color:#9ca5b6;margin-top:8px}.workspace{color:#667085;font-size:10px;letter-spacing:1.7px;margin:62px 0 17px}.navitem{background:#e5344917;border:1px solid #e5344930;border-radius:8px;padding:14px 12px;font-size:14px;color:#ff9ca7;display:flex;gap:12px}.navitem b{margin-left:auto;font-size:12px}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;font-size:12px;padding-top:30px}.sidebar-bottom small{display:block;color:#7c8799;font-size:10px;margin:6px 0;overflow-wrap:anywhere}.sidebar-bottom a{font-size:11px}.avatar,.user-icon{display:grid;place-items:center;border-radius:10px;background:#242a39;color:#bfc9e0;flex-shrink:0}.avatar{width:34px;height:34px}.dashboard{margin-left:235px;padding:48px 4.5%;width:calc(100% - 235px);max-width:1700px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c96aa;font-weight:700}h1{font-size:36px;letter-spacing:-1.2px;margin:10px 0}header p,.table-tools p,.modal p{font-size:13px;color:#8994a6;margin:8px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stats article{background:#12161f;border:1px solid #262c38;border-radius:12px;padding:23px}.stats span{font-size:12px;color:#a4aec0}.stats strong{display:block;font-size:34px;margin:17px 0 11px;font-weight:600}.stats small{font-size:10px;color:#69758a}.green{color:#65d9b1}.amber{color:#efbe68}.accounts{border:1px solid #272d39;border-radius:12px;background:#11151d;overflow:hidden}.table-tools{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:17px;margin:0}.table-tools input{font-size:12px;width:240px}.filters{padding:0 24px 20px;display:flex;gap:8px}.filters button{background:transparent;color:#8b96a8;padding:8px 13px;font-size:11px}.filters button.selected{background:#2a303c;color:#fff}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#171c26;font-size:9px;letter-spacing:1px;color:#77849a;padding:14px 22px}td{padding:20px 22px;border-top:1px solid #242a35;font-size:12px;color:#acb7c9}.usercell{display:flex;align-items:center;gap:12px;color:#eef0f5}.user-icon{width:32px;height:32px;font-size:13px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px}.badge.active{color:#74dbb4;background:#1b3a32}.badge.expired{color:#ff8d9b;background:#40232e}.badge.disabled{background:#2b303b;color:#a6aebc}.actions button{padding:5px 7px;font-size:10px;background:transparent;color:#c6cfdf}.actions button:hover{background:#2b303d}.empty{padding:65px 20px;text-align:center}.empty>div{font-size:35px;color:#5b6577}.empty h3{font-size:16px;margin:17px 0 10px}.empty p{font-size:12px;color:#79869a}.empty button{font-size:12px;margin-top:14px}footer{font-size:10px;color:#768399;margin-top:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}footer>span:last-child{margin-left:auto;color:#5e6a7e}.dot{height:5px;width:5px;border-radius:50%;background:#5bd9a7}.alert,.notice{padding:14px 17px;margin-bottom:20px;border-radius:8px;font-size:12px}.alert{background:#43202c;color:#ff9ba9;border:1px solid #713141}.notice{background:#17362f;color:#9cddc6}.textbutton{background:none;padding:0;margin-left:15px;color:inherit;font-size:11px}.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:10;padding:20px;overflow:auto}.modal{position:relative;background:#151a24;border:1px solid #343b49;border-radius:16px;width:470px;max-width:100%;padding:32px}.modal h2{font-size:25px;margin:10px 0}.close{position:absolute;right:12px;top:10px;background:none;font-size:25px;padding:4px 10px;color:#9ba5b7}label{display:block;margin-top:22px;font-size:12px;color:#c2ccdb}label input{display:block;width:100%;margin-top:9px}form small{display:block;color:#7c8aa0;font-size:10px;line-height:1.5;margin-top:7px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0;accent-color:#e53449}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.secondary{background:#2d3442;color:#c4cedd}.welcome{max-width:1100px;margin:0 auto;padding:45px 30px}.welcome-card{max-width:540px;margin:100px auto}.welcome h1{font-size:60px;line-height:1.05;margin:22px 0}.welcome p{color:#99a5b9;line-height:1.7;font-size:16px;margin-bottom:30px}.fine{font-size:11px;color:#68758b;margin-top:35px}.welcome .notice{font-size:12px;padding:12px;margin-top:20px}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:1000px){aside{width:190px;padding:30px 17px}.dashboard{margin-left:190px;width:calc(100% - 190px);padding:35px 25px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.shell{display:block}aside{position:static;width:100%;padding:20px;flex-direction:row;align-items:center}.workspace,.navitem,.sidebar-bottom{display:none}.brand{font-size:22px}.brand span{font-size:8px;letter-spacing:3px}.dashboard{margin:0;width:100%;padding:25px 16px}header{align-items:flex-start}header button{font-size:11px;padding:12px}h1{font-size:29px}.stats{gap:10px}.stats article{padding:17px}.stats strong{font-size:28px}.stats small{line-height:1.5;display:block}.table-tools{padding:20px;flex-direction:column;align-items:stretch}.table-tools input{width:100%}footer>span:last-child{margin:5px 0 0}.welcome h1{font-size:46px}.welcome-card{margin:65px auto}.modal{padding:26px}}
