@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f6f4ff;background:#090811;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#090811}button,input{font:inherit}.page-shell{position:relative;isolation:isolate;max-width:980px;min-height:100vh;margin:auto;padding:0 28px;overflow:hidden}.ambient{position:absolute;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.ambient-one{width:360px;height:360px;background:#7c3aed;top:80px;right:-190px}.ambient-two{width:260px;height:260px;background:#4c1d95;top:650px;left:-170px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242132}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #6841b6;border-radius:14px;background:#211637;color:#c7a5ff}.brand strong{display:block;font:700 19px Space Grotesk;letter-spacing:2px}.brand small{display:block;margin-top:2px;color:#9b93ad;font-size:9px;letter-spacing:2.1px}.top-status{display:flex;align-items:center;gap:8px;color:#a9a2b7;font-size:10px;font-weight:700;letter-spacing:1.2px}.live-dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;box-shadow:0 0 12px #a78bfa}.live-dot.on{background:#4ade80;box-shadow:0 0 12px #4ade80}.hero{padding:57px 0 37px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:7px;color:#b99aff;font-size:10px;font-weight:800;letter-spacing:1.7px}.hero h1{margin:17px 0 12px;font:700 clamp(38px,7vw,62px)/1.04 "Space Grotesk";letter-spacing:-2.5px}.hero h1 span{color:#b58cff}.hero p{margin:0;color:#a9a4b4;font-size:14px}.tabs{display:flex;gap:8px;padding:6px;border:1px solid #272337;border-radius:14px;background:#100e19;width:max-content;margin-bottom:22px}.tab{display:flex;align-items:center;gap:8px;padding:11px 16px;border:0;border-radius:9px;color:#a9a3b5;background:transparent;font-size:13px;font-weight:700;cursor:pointer}.tab.active{color:#fff;background:#342052;box-shadow:inset 0 0 0 1px #65439a}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.stat-card{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:10px;padding:17px 18px;border:1px solid #292438;border-radius:15px;background:linear-gradient(145deg,#171421,#100e18)}.stat-icon{grid-row:span 2;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#302044;color:#c4a5ff}.stat-label{color:#9690a4;font-size:9px;font-weight:800;letter-spacing:1.2px}.stat-card strong{font:700 26px Space Grotesk;margin-top:3px}.stat-card.green .stat-icon{background:#123126;color:#5ee2a0}.stat-card.orange .stat-icon{background:#382618;color:#ffbd78}.panel{padding:22px;border:1px solid #2a2539;border-radius:18px;background:#12101beb;box-shadow:0 18px 55px #0003}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{margin:6px 0 0;font:600 22px Space Grotesk}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #393148;border-radius:10px;background:#1a1725;color:#c8b5ed;cursor:pointer}.member-list{border-top:1px solid #292537}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:57px;border-bottom:1px solid #252131}.member-left{display:flex;align-items:center;gap:14px}.member-number{color:#716a80;font:600 11px Space Grotesk}.member-name{font-size:14px;font-weight:600}.status{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:8px;font-size:9px;font-weight:800;letter-spacing:.6px;white-space:nowrap}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.paid{color:#69e3a5;background:#102a21}.status.unpaid{color:#ffbd79;background:#302116}.panel-foot{display:flex;align-items:center;gap:7px;margin-top:17px;color:#827c90;font-size:11px}.empty{min-height:130px;display:flex;align-items:center;justify-content:center;gap:10px;color:#9a93a7;font-size:13px}.secure-label{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #4b3670;border-radius:8px;color:#c6a8ff;font-size:9px;font-weight:800;letter-spacing:1px}.login-form{max-width:390px;margin:12px auto 5px}.login-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#302044;color:#c5a5ff}.login-form h3,.access-denied h3{margin:15px 0 5px;font:600 21px Space Grotesk}.login-form p,.access-denied p{margin:0 0 22px;color:#9992a8;font-size:13px}.login-form label{display:block;margin:14px 0 7px;color:#c7c1d1;font-size:12px;font-weight:700}.login-form input{width:100%;padding:13px 14px;border:1px solid #373147;border-radius:10px;outline:none;background:#0e0c15;color:#fff}.login-form input:focus{border-color:#9867e9;box-shadow:0 0 0 3px #8b5cf626}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:18px;padding:13px;border:0;border-radius:10px;background:#8152cf;color:#fff;font-weight:800;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.form-message{margin-top:12px;color:#c4a5ff;font-size:12px}.login-note{display:flex;align-items:center;gap:7px;margin-top:20px;color:#827c90;font-size:11px}.access-denied{text-align:center;padding:35px 10px;color:#d1b8ff}.access-denied p{max-width:330px;margin:8px auto 15px}.secondary-button{max-width:180px;margin:18px auto;background:#282337}.admin-welcome{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #343044;border-radius:12px;background:#171421}.admin-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#302044;color:#c5a5ff}.admin-welcome b,.admin-welcome small{display:block}.admin-welcome b{font-size:12px}.admin-welcome small{margin-top:3px;color:#9992a8;font-size:10px}.logout-button{display:flex;align-items:center;gap:6px;margin-left:auto;padding:8px 10px;border:1px solid #393247;border-radius:8px;background:#211d2c;color:#c9c2d4;font-size:11px;cursor:pointer}.admin-instruction{margin:17px 0;color:#a49daf;font-size:12px;line-height:1.6}.admin-row{display:flex;align-items:center;justify-content:space-between;min-height:55px;border-top:1px solid #292537;cursor:pointer}.admin-row b,.admin-row small{display:block}.admin-row b{font-size:13px}.admin-row small{margin-top:3px;color:#8f889e;font-size:10px}.admin-row input{width:19px;height:19px;accent-color:#9b6bea;cursor:pointer}.notice{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px;border-radius:11px;font-size:12px;line-height:1.55}.notice.warning{border:1px solid #674a2e;background:#281e16;color:#f4c18d}footer{display:flex;align-items:center;gap:12px;margin:36px 0 20px;padding-top:18px;border-top:1px solid #242132;color:#777184;font-size:9px;letter-spacing:1px}.footer-brand{display:flex;align-items:center;gap:6px;color:#c1a0ff;font:700 12px Space Grotesk;letter-spacing:1.5px}.footer-copy{margin-left:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:620px){.page-shell{padding:0 16px}.topbar{height:76px}.hero{padding:43px 0 29px}.hero h1{font-size:43px}.stats-grid{gap:8px}.stat-card{grid-template-columns:1fr;padding:13px 12px;gap:5px}.stat-icon{grid-row:auto;width:30px;height:30px}.stat-label{font-size:8px;letter-spacing:.7px}.stat-card strong{font-size:23px}.panel{padding:17px 14px}.member-row{min-height:55px}.member-left{gap:9px}.member-name{font-size:12px}.status{padding:6px 7px;font-size:8px}.tabs{width:100%}.tab{flex:1;justify-content:center;padding:11px 8px;font-size:12px}footer{flex-wrap:wrap;gap:8px}.footer-copy{width:100%;margin:0}}