@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17212b;background:#f4f6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#226477 0,transparent 34%),linear-gradient(145deg,#091722,#10222e 70%,#1b3a45)}.login-card{width:min(440px,100%);background:#fff;padding:44px;border-radius:22px;box-shadow:0 30px 80px #0006}.brand-mark,.side-brand>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#dcf94e;color:#10222c;font:700 18px Space Grotesk}.eyebrow{margin-bottom:4px;letter-spacing:.14em;font-size:10px;font-weight:700;color:#71808a}.login-card h1,.content h1,.content h2,.modal h3{font-family:Space Grotesk;margin:.25rem 0}.muted{color:#687785}.login-card form{display:grid;gap:18px;margin-top:32px}.login-card label{display:grid;gap:8px;font-size:13px;font-weight:600}.login-card input,.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid #d5dde2;border-radius:9px;background:#fff;color:#17212b;outline:none}.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#24758a;box-shadow:0 0 0 3px #24758a18}.login-card>form>button{border:0;border-radius:10px;padding:14px;background:#163b47;color:#fff;font-weight:700}.login-error{margin:0;color:#b42318;font-size:13px}.app-shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr);transition:grid-template-columns .2s}.app-shell.collapsed{grid-template-columns:76px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;background:#101d2b;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:40}.side-brand{height:52px;display:flex;align-items:center;gap:11px;padding:0 6px;margin-bottom:20px}.side-brand>span{flex:none;width:42px;height:42px}.side-brand>div{display:grid;white-space:nowrap}.side-brand small,.user small{color:#94a4ae}.mobile-close{display:none}.nav-section>p{margin:16px 12px 6px;color:#647786;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav-section button,.side-footer button{width:100%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#acbac4;padding:10px 12px;border-radius:8px;text-align:left;white-space:nowrap}.nav-section button:hover,.nav-section button.active{background:#1d3442;color:#e2f95d}.nav-section button span,.side-footer button span{overflow:hidden}.side-footer{margin-top:auto;display:grid;gap:3px}.side-footer .logout:hover{color:#ff9e93;background:#3d2528}.collapsed .side-brand>div,.collapsed .nav-section p,.collapsed .nav-section button span,.collapsed .side-footer span{display:none}.collapsed .nav-section button,.collapsed .side-footer button{justify-content:center}.collapsed .side-brand{padding-left:3px}.collapsed .collapse svg{transform:rotate(180deg)}.content{min-width:0;padding:28px clamp(22px,4vw,58px) 60px}.content>header{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.content>header h1{font-size:28px}.user{display:flex;align-items:center;gap:12px}.user>div{display:grid;text-align:right;text-transform:capitalize}.user>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dcebed;color:#17505c;font-weight:700}.menu-button{display:none;border:0;background:transparent}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.page-header h2{font-size:22px}.page-header p{margin:4px 0 0;color:#687785}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 15px;background:#1b5968;color:#fff;font-weight:700;font-size:13px;white-space:nowrap}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:not-allowed}.button.ghost{background:#fff;color:#33434d;border:1px solid #d8e0e4}.button.danger{background:#b42318}.button.small{padding:7px 10px;background:#edf3f4;color:#244a54}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.toolbar.end{justify-content:flex-end}.search{width:min(420px,100%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dce3e6;border-radius:9px;padding:0 12px;color:#84929b}.search input{width:100%;border:0;outline:0;padding:10px 0;background:transparent}.notice{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:9px;margin:12px 0;font-size:13px}.notice.success{background:#eaf8ef;color:#17643a}.notice.error{background:#fff0ef;color:#9e2920}.notice button{margin-left:auto;border:0;background:transparent;color:inherit}.table-wrap{overflow:auto;background:#fff;border:1px solid #e0e6e9;border-radius:12px;box-shadow:0 2px 8px #17212b08}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;padding:11px 14px;background:#f8fafb;color:#73818a;font-size:10px;text-transform:uppercase;letter-spacing:.08em}td{padding:13px 14px;border-top:1px solid #edf0f2;font-size:13px}tbody tr:hover{background:#fafcfc}.primary-cell{display:grid;gap:2px}.primary-cell small{color:#798790}.status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:11px;font-weight:700;text-transform:capitalize}.status.good{background:#e7f7ed;color:#14723d}.status.bad{background:#ffedeb;color:#a72e24}.status.neutral{background:#edf1f3;color:#596873}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{border:0;background:#eaf1f3;color:#28515b;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:700}.row-actions button.delete{background:#fff0ef;color:#a72e24}.empty-state,.loading-block{display:flex;align-items:center;justify-content:center;gap:9px;min-height:180px;background:#fff;border:1px dashed #d5dde1;border-radius:12px;color:#778690}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#09141db3;display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:min(600px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:15px;box-shadow:0 30px 90px #0008}.modal.wide{width:min(820px,100%)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:start;justify-content:space-between;padding:20px 22px 15px;background:#fff;border-bottom:1px solid #edf0f2}.modal-head p{margin:4px 0 0;color:#73818a;font-size:13px}.icon-button{border:0;background:#f1f4f5;border-radius:8px;width:34px;height:34px;display:grid;place-items:center}.form-grid{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;align-content:start;gap:6px;color:#40505a;font-size:12px;font-weight:700}.field small{color:#86939b;font-weight:400}.field.full,.full{grid-column:1/-1}.field textarea{resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:4px}.toggle-row{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600}.toggle{position:relative;width:42px;height:24px;border:0;border-radius:20px;background:#cbd4d9;padding:3px}.toggle span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on{background:#1c7183}.toggle.on span{transform:translate(18px)}.confirm{padding:24px}.danger-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffebe9;color:#b42318}.confirm p{margin:16px 0 24px}.hero{display:flex;align-items:end;justify-content:space-between;padding:28px;border-radius:14px;background:#173b47;color:#fff}.hero p{margin:0;color:#a8c0c5}.hero h2{font-size:25px}.online-dot{font-size:12px;color:#dff886}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.stats article{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e7ea;border-radius:12px;padding:19px}.stats article p{margin:0;color:#71808a;font-size:12px}.stats article strong{font:700 28px Space Grotesk;display:block;margin-top:6px}.stats svg{color:#2a7383}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:#fff;border:1px solid #e2e7ea;border-radius:12px;padding:22px}.panel h3{font:700 24px Space Grotesk;margin:6px 0}.panel>p:last-child{color:#74828b;margin-bottom:0}.panel.accent{background:#eef8d3;border-color:#d8eda5}.filter-bar{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;background:#fff;border:1px solid #e1e7ea;border-radius:11px;padding:14px;margin-bottom:14px}.role-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.role-tabs button{display:grid;gap:2px;min-width:170px;padding:11px 14px;text-align:left;border:1px solid #dbe2e5;border-radius:9px;background:#fff;color:#40505a}.role-tabs button.active{border-color:#266f80;background:#eaf3f4;color:#164f5c}.role-tabs small{color:#839099}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.permission-grid section{background:#fff;border:1px solid #e0e6e9;border-radius:11px;padding:16px}.permission-grid h3{text-transform:capitalize;font-size:15px}.permission{display:flex;align-items:flex-start;gap:9px;padding:8px 0;border-top:1px solid #f0f2f3}.permission span{display:grid}.permission small{color:#7d8991}.usage{min-width:140px;display:flex;align-items:center;gap:8px}.usage>div{width:90px;height:6px;background:#e5eaed;border-radius:10px;overflow:hidden}.usage>div span{display:block;height:100%;background:#2b7b89}.usage small{color:#687785}.loading{min-height:100vh;display:grid;place-items:center}.mobile-overlay{display:none}@media(max-width:1100px){.stats,.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app-shell,.app-shell.collapsed{display:block}.app-shell aside{position:fixed;left:-280px;width:258px;transition:left .2s}.app-shell aside.mobile-open{left:0}.mobile-overlay{display:block;position:fixed;z-index:30;inset:0;border:0;background:#09141d99}.mobile-close,.menu-button{display:grid;place-items:center}.mobile-close{margin-left:auto;border:0;background:transparent;color:#fff}.content{padding:20px}.content>header{justify-content:flex-start;gap:14px}.content>header .user{margin-left:auto}.form-grid{grid-template-columns:1fr}.field.full,.full{grid-column:auto}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar .field:first-child{grid-column:1/-1}.permission-grid{grid-template-columns:1fr}}@media(max-width:560px){.page-header{align-items:stretch;flex-direction:column}.page-header .button{width:100%}.toolbar{align-items:stretch;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stats article{padding:14px}.stats article svg{display:none}.dashboard-grid{grid-template-columns:1fr}.hero{display:block}.online-dot{display:block;margin-top:14px}.user>div{display:none}.filter-bar{grid-template-columns:1fr}.filter-bar .field:first-child{grid-column:auto}table{white-space:normal}thead{display:none}tr{display:block;padding:8px 0;border-top:1px solid #e8edef}tbody tr:first-child{border-top:0}td{display:flex;justify-content:space-between;gap:20px;border:0;padding:7px 12px;text-align:right}td:before{content:attr(data-label);color:#7a8790;font-size:10px;text-transform:uppercase;text-align:left}.row-actions{width:100%}.modal-backdrop{padding:8px}.modal{max-height:calc(100vh - 16px)}.form-grid{padding:16px}.stats article strong{font-size:22px}}:root{color-scheme:light;--canvas: #f4f7f8;--surface: #ffffff;--surface-soft: #f8fafb;--surface-raised: #ffffff;--text: #17212b;--text-soft: #687785;--border: #dde5e8;--accent: #1b6575;--accent-bright: #dff65a;--shadow: 0 12px 32px rgba(25, 43, 52, .07)}[data-theme=dark]{color-scheme:dark;--canvas: #0b1117;--surface: #111a22;--surface-soft: #16212a;--surface-raised: #18242e;--text: #e8eef2;--text-soft: #93a4af;--border: #263640;--accent: #52a8b9;--accent-bright: #dff65a;--shadow: 0 18px 45px rgba(0, 0, 0, .28)}html,body,#root{min-height:100%;background:var(--canvas);color:var(--text)}body,.content,.modal,.table-wrap,.panel,.stats article,input,select,textarea{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.content{background:radial-gradient(circle at 100% 0,rgba(41,126,142,.045),transparent 27%),var(--canvas)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.theme-toggle{width:39px;height:39px;display:grid;place-items:center;flex:none;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-soft);box-shadow:0 3px 10px #1428320d}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.login-theme{position:fixed;z-index:3;right:24px;top:24px;background:#ffffff1a;border-color:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.table-wrap,.panel,.stats article,.filter-bar,.permission-grid section{box-shadow:var(--shadow)}.page-header h2{letter-spacing:-.02em}.button{box-shadow:0 5px 14px #1b596824;transition:transform .15s ease,filter .15s ease,background .2s ease}.button:hover{transform:translateY(-1px)}.row-actions button{transition:transform .15s ease,filter .15s ease}.row-actions button:hover{transform:translateY(-1px);filter:brightness(.97)}.modal{border:1px solid var(--border)}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}*:focus-visible{outline:2px solid #43a1b4;outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#526873 transparent}[data-theme=dark] body{background:var(--canvas);color:var(--text)}[data-theme=dark] aside{background:#091118;border-right:1px solid #1d2c36}[data-theme=dark] .nav-section button:hover,[data-theme=dark] .nav-section button.active{background:#172a34;color:var(--accent-bright)}[data-theme=dark] .nav-section>p{color:#5d7380}[data-theme=dark] .side-footer button{color:#91a4af}[data-theme=dark] .content>header{border-bottom-color:var(--border)}[data-theme=dark] .content h1,[data-theme=dark] .content h2,[data-theme=dark] .content h3,[data-theme=dark] .modal h3{color:var(--text)}[data-theme=dark] .eyebrow,[data-theme=dark] .page-header p,[data-theme=dark] .muted,[data-theme=dark] .panel>p:last-child{color:var(--text-soft)}[data-theme=dark] .user>span{background:#1b3b46;color:#91d4df}[data-theme=dark] .user small{color:#81939e}[data-theme=dark] .hero{background:linear-gradient(135deg,#173b47,#102a34 60%,#193843);border:1px solid #28505b;box-shadow:var(--shadow)}[data-theme=dark] .stats article,[data-theme=dark] .panel,[data-theme=dark] .table-wrap,[data-theme=dark] .filter-bar,[data-theme=dark] .permission-grid section,[data-theme=dark] .empty-state,[data-theme=dark] .loading-block{background:var(--surface);border-color:var(--border);color:var(--text-soft)}[data-theme=dark] .panel.accent{background:linear-gradient(135deg,#1b322c,#162720);border-color:#345846}[data-theme=dark] .panel.accent .eyebrow{color:#a9c867}[data-theme=dark] .stats article p,[data-theme=dark] .primary-cell small{color:var(--text-soft)}[data-theme=dark] .stats svg{color:#55a9b8}[data-theme=dark] th{background:#152029;color:#81929d}[data-theme=dark] td{border-color:#22313a;color:var(--text)}[data-theme=dark] tbody tr:hover{background:#152029}[data-theme=dark] .search,[data-theme=dark] .role-tabs button,[data-theme=dark] .button.ghost,[data-theme=dark] .button.small,[data-theme=dark] .icon-button{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .search input{color:var(--text)}[data-theme=dark] .role-tabs button.active{background:#17303a;border-color:#4294a4;color:#9fd8e2}[data-theme=dark] .field{color:#bdc9d0}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea{background:#0e171e;border-color:#2a3b45;color:var(--text)}[data-theme=dark] .field input:disabled{opacity:.6;background:#121b22}[data-theme=dark] .field input:focus,[data-theme=dark] .field select:focus,[data-theme=dark] .field textarea:focus{border-color:#4ba3b4;box-shadow:0 0 0 3px #4ba3b421}[data-theme=dark] .modal,[data-theme=dark] .modal-head{background:var(--surface-raised)}[data-theme=dark] .modal-head{border-color:var(--border)}[data-theme=dark] .modal-head p{color:var(--text-soft)}[data-theme=dark] .permission{border-color:#22313a}[data-theme=dark] .permission small,[data-theme=dark] .role-tabs small{color:var(--text-soft)}[data-theme=dark] .row-actions button{background:#1a323b;color:#9dd3dd}[data-theme=dark] .row-actions button.delete{background:#3a2021;color:#ffaaa2}[data-theme=dark] .status.good{background:#153625;color:#79dca3}[data-theme=dark] .status.bad{background:#3a2021;color:#ffaaa2}[data-theme=dark] .status.neutral{background:#26323a;color:#b2c0c8}[data-theme=dark] .notice.success{background:#153326;color:#81d9a6}[data-theme=dark] .notice.error{background:#3a2021;color:#ffaaa2}[data-theme=dark] .toggle{background:#384852}[data-theme=dark] .toggle.on{background:#388da0}[data-theme=dark] .usage>div{background:#293741}[data-theme=dark] .usage>div span{background:#56a8b8}[data-theme=dark] .login-shell{background:radial-gradient(circle at 15% 10%,#1a5665 0,transparent 34%),linear-gradient(145deg,#060b10,#0b151d 70%,#132832)}[data-theme=dark] .login-card{background:#111a22f5;color:var(--text);border:1px solid #2a3a44;box-shadow:0 35px 100px #000a}[data-theme=dark] .login-card input{background:#0d151b;border-color:#2c3d47;color:var(--text)}[data-theme=dark] .login-card>form>button{background:#317f90}[data-theme=dark] .login-error{color:#ffaca4}[data-theme=dark] .danger-icon{background:#3a2021;color:#ffaaa2}@media(max-width:820px){.header-actions{margin-left:auto;gap:9px}.content>header .user{margin-left:0}}@media(max-width:560px){.theme-toggle{width:36px;height:36px}.login-theme{right:14px;top:14px}.page-identity{min-width:0}.content>header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px}}.app-shell{background:var(--canvas)}.content{padding:20px clamp(22px,3vw,46px) 64px}.content>header{position:sticky;top:12px;z-index:20;height:72px;padding:0 18px;margin-bottom:28px;border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.content>header h1{font-size:24px;letter-spacing:-.035em}.content>header .eyebrow{color:var(--accent)}.theme-toggle{width:auto;height:40px;padding:0 12px;grid-auto-flow:column;gap:7px;font-weight:700;font-size:12px}.theme-toggle span{display:inline}.login-theme{width:auto}.page-header{margin:8px 2px 20px}.page-header h2{font-size:25px}.page-header p{max-width:660px}.button{min-height:40px;border-radius:10px;padding-inline:17px}.table-wrap{border-radius:16px;border:0}th{height:42px;padding-inline:18px}td{height:58px;padding-inline:18px}.stats{gap:16px;margin:18px 0}.stats article{min-height:112px;border:0;border-radius:16px;padding:22px}.stats article svg{width:38px;height:38px;padding:9px;border-radius:11px;background:color-mix(in srgb,var(--accent) 12%,transparent)}.panel,.filter-bar,.permission-grid section{border:0;border-radius:16px}.hero{min-height:168px;border-radius:19px;padding:34px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:240px;height:240px;right:-55px;top:-90px;border:42px solid rgba(223,246,90,.12);border-radius:50%}.hero h2{max-width:620px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.online-dot{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(223,246,90,.22);border-radius:99px;background:#00000021}.online-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#dff65a;box-shadow:0 0 0 5px #dff65a1f}.modal{border-radius:20px}.modal-head{padding:23px 25px 17px}.form-grid{padding:24px 25px;gap:18px}.field input,.field select,.field textarea{min-height:43px;border-radius:10px}.search{min-height:43px;border-radius:11px}[data-theme=light]{--canvas: #eef2f3;--surface: #ffffff;--surface-soft: #f4f7f7;--surface-raised: #ffffff;--text: #172128;--text-soft: #697983;--border: #dce5e7;--accent: #176b79;--shadow: 0 10px 30px rgba(29, 54, 61, .075)}[data-theme=light] aside{background:#fff;color:#25343c;border-right:1px solid #dce5e7;box-shadow:8px 0 30px #19313909}[data-theme=light] .side-brand strong{color:#15252d}[data-theme=light] .side-brand small{color:#78909a}[data-theme=light] .nav-section>p{color:#9aa7ad}[data-theme=light] .nav-section button,[data-theme=light] .side-footer button{color:#5e7079}[data-theme=light] .nav-section button:hover{background:#edf5f5;color:#176776}[data-theme=light] .nav-section button.active{position:relative;background:#e1f0f1;color:#115c69}[data-theme=light] .nav-section button.active:after{content:"";position:absolute;right:9px;width:6px;height:6px;border-radius:50%;background:#84a900}[data-theme=light] .side-footer{border-top:1px solid #e5ebed;padding-top:10px}[data-theme=light] .side-footer .logout:hover{background:#fff0ef;color:#af3026}[data-theme=light] .hero{background:linear-gradient(120deg,#123a45,#1c6573 72%,#267b86);box-shadow:0 18px 42px #164f5b33}[data-theme=light] .stats article:nth-child(1){background:linear-gradient(145deg,#fff,#f3fbfc)}[data-theme=light] .stats article:nth-child(2){background:linear-gradient(145deg,#fff,#f5faec)}[data-theme=light] .stats article:nth-child(3){background:linear-gradient(145deg,#fff,#f7f4fc)}[data-theme=light] .stats article:nth-child(4){background:linear-gradient(145deg,#fff,#f7f9fa)}[data-theme=light] .table-wrap,[data-theme=light] .panel,[data-theme=light] .filter-bar,[data-theme=light] .permission-grid section{box-shadow:0 8px 28px #1c373f0e}[data-theme=light] th{background:#f5f8f9}[data-theme=dark]{--canvas: #080e13;--surface: #101920;--surface-soft: #151f27;--surface-raised: #141e26;--text: #e9f0f3;--text-soft: #91a3ad;--border: #24333d;--accent: #66becd;--shadow: 0 14px 38px rgba(0, 0, 0, .3)}[data-theme=dark] aside{background:linear-gradient(180deg,#080f15,#0b141b);border-right-color:#1d2b34}[data-theme=dark] .content{background:radial-gradient(circle at 85% 0,rgba(55,143,158,.09),transparent 30%),#080e13}[data-theme=dark] .content>header{background:#101920e0}[data-theme=dark] .hero{background:linear-gradient(125deg,#102e38,#164956 70%,#1c5963);border:1px solid #275967;box-shadow:0 20px 52px #00000047}[data-theme=dark] .table-wrap,[data-theme=dark] .panel,[data-theme=dark] .filter-bar,[data-theme=dark] .stats article,[data-theme=dark] .permission-grid section{box-shadow:0 14px 38px #0003}[data-theme=dark] .stats article{background:linear-gradient(145deg,#121d24,#0f171d)}[data-theme=dark] th{background:#152129}@media(max-width:820px){.content{padding:14px 16px 48px}.content>header{top:8px;height:64px;border-radius:13px;padding:0 12px}[data-theme=light] .app-shell aside{background:#fff}}@media(max-width:560px){.theme-toggle{width:38px;padding:0}.theme-toggle span{display:none}.login-theme{width:38px}.hero{min-height:150px;padding:25px}.stats{gap:10px}.stats article{min-height:92px}}:root{font-family:Manrope,sans-serif;--pro-radius: 18px;--pro-ease: cubic-bezier(.22, 1, .36, 1);--pro-cyan: #28c2d7;--pro-lime: #dff65a}.login-card h1,.content h1,.content h2,.modal h3,.stats article strong,.panel h3{font-family:Plus Jakarta Sans,sans-serif}.pro-shell{min-height:100vh;grid-template-columns:270px minmax(0,1fr);gap:14px;padding:14px;overflow:clip}.pro-shell.collapsed{grid-template-columns:82px minmax(0,1fr)}.pro-shell aside{top:14px;height:calc(100vh - 28px);padding:18px 13px;border:1px solid rgba(255,255,255,.07);border-radius:22px;overflow:hidden;box-shadow:0 24px 55px #040c123d}.pro-shell aside>nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;margin-right:-7px;padding-right:7px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent}.pro-shell aside>nav::-webkit-scrollbar{width:5px}.pro-shell aside>nav::-webkit-scrollbar-track{background:transparent}.pro-shell aside>nav::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--accent) 45%,transparent)}.pro-shell aside>nav::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 70%,transparent)}.sidebar-aurora{pointer-events:none;position:absolute;width:220px;height:220px;left:-95px;top:-110px;border-radius:50%;background:#25bed538;filter:blur(45px);animation:auroraDrift 9s ease-in-out infinite alternate}.side-brand{position:relative;margin-bottom:23px}.side-brand>span{position:relative;overflow:hidden;border-radius:13px;box-shadow:0 9px 22px #d8f65a2e}.side-brand>span:after{content:"";position:absolute;inset:-60% 20%;transform:rotate(25deg);background:#ffffff8c;animation:logoShine 5s ease-in-out infinite}.side-brand strong{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;letter-spacing:-.02em}.side-brand small{font-size:10px;letter-spacing:.04em}.nav-section{position:relative}.nav-section button{min-height:43px;margin:2px 0;padding:11px 12px;border-radius:11px;transition:color .2s ease,background .2s ease,transform .2s var(--pro-ease)}.nav-section button:hover{transform:translate(3px)}.nav-section button svg{flex:none;transition:transform .25s var(--pro-ease)}.nav-section button:hover svg{transform:scale(1.1)}.nav-section button.active{box-shadow:inset 0 0 0 1px #6ed4e414}.nav-section button.active:before{content:"";position:absolute;left:4px;width:3px;height:19px;border-radius:9px;background:var(--pro-lime);box-shadow:0 0 13px #dff65a7a;animation:activeGlow 2.4s ease-in-out infinite}.side-footer{position:relative;flex:0 0 auto}.pro-shell .content{position:relative;isolation:isolate;min-height:calc(100vh - 28px);padding:6px clamp(18px,3vw,44px) 60px;border-radius:22px;overflow:hidden}.pro-shell .content:before,.pro-shell .content:after{content:"";pointer-events:none;position:absolute;z-index:-1;border-radius:50%;filter:blur(2px)}.pro-shell .content:before{width:420px;height:420px;right:-180px;top:-180px;background:radial-gradient(circle,rgba(34,182,205,.1),transparent 68%);animation:meshFloat 12s ease-in-out infinite alternate}.pro-shell .content:after{width:360px;height:360px;left:18%;bottom:-240px;background:radial-gradient(circle,rgba(145,176,56,.07),transparent 67%);animation:meshFloat 14s ease-in-out 2s infinite alternate-reverse}.pro-shell .content>header{top:14px;height:76px;margin:0 0 30px;padding:0 20px;border-radius:18px}.page-identity h1{font-weight:800}.page-identity .eyebrow{margin-bottom:2px}.header-actions{gap:11px}.system-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:99px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text-soft);font-size:11px;font-weight:700}.system-pill span{width:7px;height:7px;border-radius:50%;background:#31c875;box-shadow:0 0 0 5px #31c8751c;animation:livePulse 2s ease-out infinite}.theme-toggle{border-radius:12px;box-shadow:none}.user{height:48px;padding:4px 5px 4px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 80%,transparent)}.user>span{width:37px;height:37px}.user strong{font-size:12px}.user small{font-size:10px}.page-stage{animation:pageEnter .55s var(--pro-ease) both}.page-header{animation:fadeDown .5s var(--pro-ease) both}.page-header h2{font-size:27px;font-weight:800;letter-spacing:-.045em}.page-header p{font-size:13px}.hero{border-radius:22px;box-shadow:0 24px 58px #0a414d38;animation:heroEnter .7s var(--pro-ease) both}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 42%,transparent 63%);transform:translate(-100%);animation:heroSheen 7s ease-in-out 1s infinite}.hero:after{animation:ringFloat 7s ease-in-out infinite alternate}.stats article{position:relative;overflow:hidden;transform:translateY(16px);opacity:0;animation:cardRise .55s var(--pro-ease) forwards;transition:transform .3s var(--pro-ease),box-shadow .3s ease,border-color .3s ease}.stats article:nth-child(1){animation-delay:.08s}.stats article:nth-child(2){animation-delay:.14s}.stats article:nth-child(3){animation-delay:.2s}.stats article:nth-child(4){animation-delay:.26s}.stats article:before{content:"";position:absolute;width:90px;height:90px;right:-45px;bottom:-45px;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,transparent);transition:transform .4s var(--pro-ease)}.stats article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #16384121}.stats article:hover:before{transform:scale(1.7)}.stats article:hover svg{transform:rotate(-7deg) scale(1.08)}.stats article svg{position:relative;transition:transform .3s var(--pro-ease)}.dashboard-grid .panel{animation:cardRise .6s var(--pro-ease) .3s both;transition:transform .3s var(--pro-ease),box-shadow .3s ease}.dashboard-grid .panel:nth-child(2){animation-delay:.38s}.dashboard-grid .panel:hover{transform:translateY(-4px)}.table-wrap{animation:cardRise .55s var(--pro-ease) .08s both}tbody tr{transition:background .2s ease,transform .2s var(--pro-ease)}tbody tr:hover{transform:translate(3px)}.button{position:relative;overflow:hidden;isolation:isolate}.button:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translate(-110%);transition:transform .55s ease}.button:hover:after{transform:translate(110%)}.search{transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--pro-ease)}.search:focus-within{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 12%,transparent)}.modal-backdrop{animation:backdropIn .22s ease both}.modal{animation:modalIn .42s var(--pro-ease) both}.notice{animation:noticeIn .4s var(--pro-ease) both}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.role-tabs button{transition:transform .25s var(--pro-ease),background .2s,border-color .2s}.role-tabs button:hover{transform:translateY(-3px)}.permission-grid section{animation:cardRise .5s var(--pro-ease) both}.permission-grid section:nth-child(2){animation-delay:.06s}.permission-grid section:nth-child(3){animation-delay:.12s}.permission-grid section:nth-child(4){animation-delay:.18s}.toggle.on span{box-shadow:0 2px 8px #0000003d}[data-theme=light] .pro-shell{background:linear-gradient(135deg,#e9eef0,#f5f7f8 45%,#eaf1f2)}[data-theme=light] .pro-shell aside{background:linear-gradient(165deg,#10212b,#0b1720 58%,#101e27);color:#fff}[data-theme=light] .pro-shell .side-brand strong{color:#fff}[data-theme=light] .pro-shell .side-brand small{color:#7f949f}[data-theme=light] .pro-shell .nav-section>p{color:#58717e}[data-theme=light] .pro-shell .nav-section button,[data-theme=light] .pro-shell .side-footer button{color:#9cafb8}[data-theme=light] .pro-shell .nav-section button:hover{color:#eefcff;background:#5ab6c71a}[data-theme=light] .pro-shell .nav-section button.active{color:#e9fcff;background:linear-gradient(90deg,#2fa6b92e,#2fa6b912)}[data-theme=light] .pro-shell .nav-section button.active:after{display:none}[data-theme=light] .pro-shell .side-footer{border-color:#ffffff12}[data-theme=light] .pro-shell .content{background:#f9fbfbcc;border:1px solid rgba(255,255,255,.85);box-shadow:0 20px 50px #1e394212}[data-theme=light] .content>header{background:#ffffffc7;border-color:#d8e3e6e6}[data-theme=light] .hero{background:radial-gradient(circle at 80% 0,rgba(61,202,220,.35),transparent 33%),linear-gradient(125deg,#0c2f3a,#125464 68%,#197181)}[data-theme=light] .button.primary,[data-theme=light] .button:not(.ghost):not(.danger):not(.small){background:linear-gradient(135deg,#176879,#23899a)}[data-theme=dark] .pro-shell{background:#050a0e}[data-theme=dark] .pro-shell aside{background:linear-gradient(165deg,#0b151c,#070e13 64%,#0d171e)}[data-theme=dark] .pro-shell .content{background:linear-gradient(145deg,#0d151bf5,#080e13fa);border:1px solid #17252e;box-shadow:0 25px 65px #0000004d}[data-theme=dark] .content>header{background:#121c23c2;box-shadow:0 12px 38px #0000003d}[data-theme=dark] .hero{background:radial-gradient(circle at 82% 0,rgba(49,193,215,.23),transparent 34%),linear-gradient(125deg,#0c2832,#123f4b 70%,#185361)}[data-theme=dark] .stats article:hover{box-shadow:0 20px 45px #00000047;border-color:#34505e}@keyframes pageEnter{0%{opacity:0;transform:translateY(14px) scale(.994)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes heroEnter{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes cardRise{to{opacity:1;transform:none}}@keyframes modalIn{0%{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes noticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes livePulse{0%{box-shadow:0 0 #31c87557}70%{box-shadow:0 0 0 8px #31c87500}to{box-shadow:0 0 #31c87500}}@keyframes activeGlow{50%{box-shadow:0 0 19px #dff65ab3}}@keyframes logoShine{0%,65%{transform:translate(-170%) rotate(25deg)}85%,to{transform:translate(170%) rotate(25deg)}}@keyframes heroSheen{0%,70%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes auroraDrift{to{transform:translate(35px,28px) scale(1.15)}}@keyframes meshFloat{to{transform:translate(-40px,32px) scale(1.08)}}@keyframes ringFloat{to{transform:translate(-20px,28px) rotate(12deg)}}@media(max-width:820px){.pro-shell,.pro-shell.collapsed{display:block;padding:8px}.pro-shell .content{min-height:calc(100vh - 16px);padding:6px 13px 45px;border-radius:18px}.pro-shell aside{top:8px;left:-290px;height:calc(100vh - 16px);border-radius:18px}.pro-shell aside.mobile-open{left:8px}.pro-shell .content>header{top:12px}.system-pill{display:none}}@media(max-width:560px){.pro-shell{padding:0}.pro-shell .content{min-height:100vh;border:0;border-radius:0}.pro-shell .content>header{top:7px;margin-bottom:24px}.page-header h2{font-size:24px}.user{padding-left:4px;border:0;background:transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-section-title{grid-column:1 / -1;margin-top:6px;padding:10px 0 6px;border-bottom:1px solid var(--line, rgba(120, 150, 165, .2));color:var(--text, inherit);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.compound-field{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}@media(max-width:560px){.compound-field{grid-template-columns:1fr}}.renew-form{display:grid;gap:22px}.renew-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.renew-summary article{padding:16px;border:1px solid var(--border);background:var(--panel-soft);border-radius:15px;display:flex;flex-direction:column;gap:5px}.renew-summary article small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.renew-summary article strong{font-size:18px}.renew-summary article span{color:var(--muted);font-size:12px}.renew-summary article.warning{border-color:#f59e0b66;background:#f59e0b0d}.payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-choice label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:var(--panel-soft);transition:.2s}.payment-choice label.selected{border-color:#f59e0b;background:#f59e0b0d;box-shadow:0 0 0 3px #f59e0b14}.payment-choice label.selected.paid{border-color:#22c55e;background:#22c55e0d;box-shadow:0 0 0 3px #22c55e14}.payment-choice span{display:flex;flex-direction:column}.payment-choice small{color:var(--muted)}.report-section{margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-heading h3{margin:0;font-size:17px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.count-pill{padding:5px 10px;background:var(--panel-soft);border:1px solid var(--border);border-radius:999px}.invoice-filters .search{min-width:280px}.invoice-status{display:inline-flex;padding:4px 9px;border-radius:999px;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.09em}.invoice-status.paid{background:#22c55e1c;color:#16a34a}.invoice-status.unpaid{background:#f59e0b1c;color:#d97706}.invoice-print{padding:12px 8px}.invoice-top,.invoice-meta,.invoice-line,.invoice-total{display:grid;align-items:start}.invoice-top{grid-template-columns:1fr auto;padding-bottom:28px;border-bottom:1px solid var(--border)}.invoice-top h2{font-size:36px;letter-spacing:.08em;margin:5px 0}.invoice-number{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.invoice-number small,.invoice-meta small{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.invoice-meta{grid-template-columns:1fr 1fr;gap:30px;padding:24px 0}.invoice-meta>div{display:flex;flex-direction:column;gap:5px}.invoice-line{grid-template-columns:1.5fr 1fr .6fr;gap:18px;padding:16px 12px;border-bottom:1px solid var(--border)}.invoice-line>span{display:flex;flex-direction:column}.invoice-line small{color:var(--muted);margin-top:4px}.invoice-line-head{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.08em;background:var(--panel-soft);border-radius:10px}.invoice-line>*:last-child{text-align:right}.invoice-total{grid-template-columns:1fr auto;gap:30px;margin-left:auto;width:min(320px,100%);padding:22px 12px;font-size:20px}.invoice-paid{display:flex;align-items:center;gap:7px;color:#16a34a;font-weight:700}.invoice-footer{text-align:center;color:var(--muted);margin:40px 0 10px}.invoice-actions{border-top:1px solid var(--border);padding-top:18px}@media(max-width:800px){.renew-summary{grid-template-columns:1fr 1fr}.payment-choice,.invoice-line{grid-template-columns:1fr}.invoice-line>*:last-child{text-align:left}.invoice-filters .search{min-width:0}}@media print{body *{visibility:hidden!important}.invoice-print,.invoice-print *{visibility:visible!important}.invoice-print{position:fixed;inset:0;background:#fff;color:#111;padding:38px 50px;z-index:99999}.modal-backdrop,.modal{background:#fff!important;box-shadow:none!important;border:0!important}.invoice-actions,.modal-head{display:none!important}}.renew-form{padding:20px 22px 18px;gap:16px}.renew-form>.field{gap:7px}.renew-service-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel-soft) 88%,transparent),color-mix(in srgb,var(--accent) 5%,var(--panel-soft)));box-shadow:0 8px 30px #0f222d0a}.renew-service-main,.renew-price{display:flex;flex-direction:column;gap:4px}.renew-service-main small,.renew-price small,.renew-wallet-strip small{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.renew-service-main strong{font-size:21px;letter-spacing:-.02em}.renew-service-main span,.renew-price span,.renew-wallet-strip span{font-size:11px;color:var(--muted)}.renew-price{text-align:right;padding-left:22px;border-left:1px solid var(--border)}.renew-price strong{font-size:24px;color:var(--accent)}.renew-wallet-strip{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:14px 18px;border-radius:15px;background:color-mix(in srgb,var(--panel-soft) 75%,transparent);border:1px solid var(--border)}.renew-wallet-strip>div:not(.renew-wallet-math){display:flex;flex-direction:column;gap:3px}.renew-wallet-strip>div:last-child{text-align:right}.renew-wallet-strip strong{font-size:17px}.renew-wallet-math{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.renew-wallet-math i{font-style:normal;font-size:17px;color:var(--accent)}.renew-wallet-strip.insufficient{border-color:#ef44445c;background:#ef444408}.renew-wallet-strip.insufficient>div:last-child strong{color:#dc2626}.renew-direct-note{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid var(--border);border-radius:13px;color:var(--muted);background:var(--panel-soft)}.payment-choice{gap:10px}.payment-choice label{min-height:64px;padding:12px 14px;border-radius:14px;gap:10px}.payment-choice input{width:17px!important;height:17px!important;min-width:17px;padding:0!important;margin:0;box-shadow:none!important;accent-color:var(--accent)}.payment-choice span{gap:2px}.payment-choice strong{font-size:13px}.payment-choice small{font-size:11px}.renew-form>.form-actions{margin:2px -22px -18px;padding:15px 22px 0;border-top:1px solid var(--border)}@media(max-width:650px){.renew-form,.renew-service-card{padding:15px}.renew-wallet-strip{grid-template-columns:1fr 1fr}.renew-wallet-math{display:none}.renew-form>.form-actions{margin:0 -15px -15px;padding:14px 15px 0}}.modal-backdrop{z-index:9999;inset:0;width:100vw;height:100dvh;overscroll-behavior:contain}.modal{position:relative;z-index:1;overscroll-behavior:contain}body:has(.modal-backdrop) .content>header,body:has(.modal-backdrop) aside{pointer-events:none}@media(max-width:700px){html,body{overflow-x:hidden}.content{width:100%;min-width:0;padding:8px 12px 36px!important}.content>header{height:60px;margin-bottom:18px;padding:0 10px!important;gap:8px}.menu-button{flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:10px}.page-identity{flex:1 1 auto;min-width:0}.page-identity .eyebrow{display:none}.content>header h1{font-size:18px!important}.header-actions{flex:0 0 auto;gap:6px!important}.header-actions .user{padding:0}.header-actions .user>div{display:none}.header-actions .user>span{width:36px;height:36px;font-size:12px}.theme-toggle{width:36px!important;height:36px;padding:0!important}.theme-toggle span{display:none!important}.page-header{align-items:stretch;flex-direction:column;gap:14px;margin:4px 2px 16px}.page-header h2{font-size:22px!important}.page-header p{font-size:13px;line-height:1.5}.page-header>.button,.page-header>.page-actions{width:100%}.page-actions{display:grid!important;grid-template-columns:1fr}.page-actions .button,.page-header>.button{width:100%}.toolbar,.toolbar.end{align-items:stretch;flex-direction:column}.toolbar .search,.toolbar .button{width:100%}.filter-bar{grid-template-columns:1fr!important;padding:13px}.filter-bar .field:first-child{grid-column:auto!important}.hero{min-height:142px;padding:22px!important}.hero h2{font-size:23px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats article{min-width:0;padding:15px!important}.stats article strong{font-size:22px}.dashboard-grid{grid-template-columns:1fr!important}.table-wrap{overflow:visible;border:0;background:transparent!important;box-shadow:none!important}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:12px}.table-wrap tr{overflow:hidden;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.table-wrap td{min-height:0;padding:11px 13px;border-top:1px solid var(--border);white-space:normal;text-align:right;overflow-wrap:anywhere}.table-wrap td:first-child{border-top:0}.table-wrap td:not([data-label=""]){display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);align-items:center;gap:12px}.table-wrap td:not([data-label=""]):before{content:attr(data-label);color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.06em;text-align:left;text-transform:uppercase}.table-wrap td[data-label=""]{padding-top:6px}.primary-cell{justify-items:end}.usage{justify-content:flex-end;min-width:0}.row-actions{flex-wrap:wrap;justify-content:flex-end}.row-actions button,.row-actions .button{min-height:36px;flex:1 1 auto}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{width:100%;max-height:94dvh;border-width:1px 0 0;border-radius:20px 20px 0 0}.modal-head{padding:17px 16px 13px}.modal-head h3{font-size:20px}.form-grid{grid-template-columns:1fr!important;padding:16px;gap:14px}.field.full,.full,.form-section-title{grid-column:auto!important}.form-actions{position:sticky;bottom:-16px;z-index:2;margin:4px -16px -16px;padding:13px 16px max(13px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-raised) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.form-actions .button{flex:1}.confirm{padding:20px 16px}.confirm .form-actions{margin:0;padding:13px 0 0}.permission-grid{grid-template-columns:1fr!important}.role-tabs button{min-width:150px}.reseller-plan-row{grid-template-columns:auto minmax(0,1fr)!important}.reseller-plan-row .reseller-plan-price{grid-column:1 / -1}}@media(max-width:380px){.stats{grid-template-columns:1fr!important}.content{padding-inline:9px!important}}.reseller-plan-list{grid-column:1 / -1;display:grid;gap:10px}.reseller-plan-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(130px,180px);align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.reseller-plan-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.reseller-plan-copy{min-width:0;display:grid;gap:2px}.reseller-plan-copy small{color:var(--text-soft)}.reseller-plan-price{display:grid;gap:5px;color:var(--text-soft);font-size:11px;font-weight:700}.reseller-plan-price input{width:100%;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}@media(max-width:700px){.reseller-plan-row{grid-template-columns:auto minmax(0,1fr)}.reseller-plan-row .reseller-plan-price{grid-column:1 / -1}}.subscriber-controls{padding:22px;display:grid;gap:18px}.subscriber-control-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.subscriber-control-summary article{min-width:0;display:grid;gap:7px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.subscriber-control-summary small{color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.subscriber-control-summary strong{overflow-wrap:anywhere;font-size:13px}.subscriber-control-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.subscriber-control-actions .button{width:100%;padding-inline:10px}.add-days-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft)}.ping-result{overflow:hidden;border:1px solid var(--border);border-radius:12px}.ping-result>strong{display:block;padding:11px 13px;background:var(--surface-soft)}.ping-result.reachable>strong{color:#218451}.ping-result.unreachable>strong{color:#bf493f}.ping-result pre{max-height:190px;overflow:auto;margin:0;padding:13px;background:#071016;color:#b8d6de;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.subscriber-control-footer{display:flex;justify-content:flex-end}.subscriber-sessions{padding:18px 22px 22px;display:grid;gap:14px}.modal.extra-wide{width:min(1100px,100%)}.session-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:10px}.session-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-soft);font-size:12px}@media(max-width:700px){.subscriber-controls{padding:16px}.subscriber-control-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.subscriber-control-actions{grid-template-columns:1fr 1fr}.subscriber-control-actions .button:first-child{grid-column:1 / -1}.add-days-control{grid-template-columns:1fr}.add-days-control .button{width:100%}.subscriber-sessions{padding:14px 16px 18px}.session-filters{grid-template-columns:1fr 1fr}.session-filters .button{width:100%}}@media(max-width:380px){.subscriber-control-summary,.subscriber-control-actions{grid-template-columns:1fr}.subscriber-control-actions .button:first-child{grid-column:auto}}.status.status-online{background:#dcfce7;color:#167044}.status.status-offline{background:#fee8e7;color:#b52e28}.status.status-inactive{background:#e8eef4;color:#506579}.status.status-expired{background:#fff4bd;color:#876500}[data-theme=dark] .status.status-online{background:#143b29;color:#78e0a5}[data-theme=dark] .status.status-offline{background:#452224;color:#ffaaa3}[data-theme=dark] .status.status-inactive{background:#263641;color:#afc2ce}[data-theme=dark] .status.status-expired{background:#4b4017;color:#ffe270}.icon-actions{gap:7px}.row-actions .row-icon-action{width:36px;height:36px;min-width:36px;padding:0;display:inline-grid;place-items:center;flex:0 0 36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--accent);box-shadow:none}.row-actions .row-icon-action:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));transform:translateY(-1px)}.row-actions .row-icon-action.delete{background:color-mix(in srgb,#d9473f 10%,var(--surface));color:#ca3932}.row-actions .row-icon-action:disabled{opacity:.38;cursor:not-allowed;transform:none}@media(max-width:700px){.row-actions.icon-actions{display:flex;justify-content:flex-end}.row-actions .row-icon-action{flex:0 0 40px;width:40px;height:40px}}.row-select{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.bulk-select-all{display:flex;align-items:center;gap:9px;color:var(--text-soft);font-size:12px;font-weight:750;white-space:nowrap}.bulk-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.bulk-buttons .button{min-height:36px;padding:7px 11px;box-shadow:none}.table-wrap tr:has(.row-select:checked){border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}@media(max-width:700px){.bulk-action-bar{align-items:stretch;flex-direction:column}.bulk-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-buttons .button{width:100%}.table-wrap td:first-child[data-label=""]{display:flex;justify-content:flex-start;padding:10px 13px;background:var(--surface-soft)}}.bulk-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.bulk-guide article{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.bulk-guide article>span{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent);font-weight:850}.bulk-guide strong{font-size:13px}.bulk-guide p{margin:5px 0 0;color:var(--text-soft);font-size:12px;line-height:1.5}.bulk-target{display:grid;grid-template-columns:minmax(240px,420px) auto;align-items:end;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.bulk-target>div{min-height:43px;display:grid;align-content:center;gap:2px;padding:7px 13px;border-radius:10px;background:var(--surface-soft)}.bulk-target small{color:var(--text-soft);font-size:10px;font-weight:800;text-transform:uppercase}.bulk-upload{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;padding:24px;border:1px dashed color-mix(in srgb,var(--accent) 60%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--accent) 4%,var(--surface));color:var(--accent);text-align:center;cursor:pointer;transition:.2s ease}.bulk-upload:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));transform:translateY(-1px)}.bulk-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.bulk-upload strong{color:var(--text)}.bulk-upload span{color:var(--text-soft);font-size:12px}.bulk-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.bulk-summary>div{display:flex;align-items:center;gap:9px}.bulk-summary span{color:var(--text-soft);font-size:12px}.bulk-error{color:#c43d35;font-size:11px;font-weight:750;white-space:normal}.bulk-results{margin-top:14px;padding:15px;border:1px solid color-mix(in srgb,#d9473f 35%,var(--border));border-radius:13px;background:color-mix(in srgb,#d9473f 7%,var(--surface))}.bulk-results p{margin:7px 0 0;color:var(--text-soft);font-size:12px}@media(max-width:900px){.bulk-guide{grid-template-columns:1fr}}@media(max-width:700px){.bulk-target{grid-template-columns:1fr}.bulk-summary{align-items:stretch;flex-direction:column}.bulk-summary>div{align-items:flex-start;flex-wrap:wrap}.bulk-summary .button{width:100%}}.box-count{min-width:34px;display:inline-flex;justify-content:center;padding:5px 9px;border-radius:999px;font-size:12px}.box-count.total{background:color-mix(in srgb,var(--accent) 12%,var(--surface-soft));color:var(--accent)}.box-count.online{background:#dcfce7;color:#167044}.box-count.offline{background:#fee8e7;color:#b52e28}.box-count.expired{background:#fff4bd;color:#876500}.box-count.inactive{background:#e8eef4;color:#506579}[data-theme=dark] .box-count.online{background:#143b29;color:#78e0a5}[data-theme=dark] .box-count.offline{background:#452224;color:#ffaaa3}[data-theme=dark] .box-count.expired{background:#4b4017;color:#ffe270}[data-theme=dark] .box-count.inactive{background:#263641;color:#afc2ce}.box-location-preview{display:grid;gap:4px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,var(--surface-soft))}.box-location-preview strong{color:var(--text);font-size:13px}.box-location-preview span,.box-location-preview small{color:var(--text-soft);font-size:11px}.wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));box-shadow:var(--shadow)}.wallet-summary>div{display:flex;align-items:center;gap:12px}.wallet-summary>div>span{display:grid;gap:2px}.wallet-summary small{color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.wallet-summary strong{color:var(--text)}.wallet-summary>div>span>strong{font-size:22px}.wallet-summary>span{color:var(--text-soft);font-size:12px}.wallet-history{display:grid;gap:12px;margin-top:24px}.wallet-history>div:first-child h3{margin:0}.wallet-history>div:first-child p{margin:4px 0 0;color:var(--text-soft);font-size:12px}.wallet-credit,.wallet-debit{display:inline-flex;align-items:center;gap:5px;font-weight:800}.wallet-credit{color:#1e9a61}.wallet-debit{color:#d44c44}@media(max-width:700px){.wallet-summary{align-items:flex-start;flex-direction:column}.wallet-summary>span{padding-left:34px}}.schedule-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.schedule-add{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}.speed-schedule{display:grid;gap:9px}.speed-period{display:grid;grid-template-columns:auto minmax(120px,1fr) minmax(120px,1fr) minmax(110px,.7fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.speed-period>svg{color:var(--accent)}.speed-period .field{margin:0}.multiplier-input{display:flex;align-items:center;gap:6px}.multiplier-input>span{color:var(--accent);font-size:18px;font-weight:900}.schedule-remove{width:36px;height:36px;display:grid;place-items:center;border:1px solid color-mix(in srgb,#d9473f 30%,var(--border));border-radius:10px;background:color-mix(in srgb,#d9473f 8%,var(--surface));color:#d9473f;cursor:pointer}.schedule-empty{display:flex;align-items:center;justify-content:center;gap:9px;min-height:64px;border:1px dashed var(--border);border-radius:12px;color:var(--text-soft);font-size:12px}@media(max-width:700px){.speed-period{grid-template-columns:auto 1fr auto}.speed-period .field{grid-column:2}.speed-period .schedule-remove{grid-column:3;grid-row:1}.schedule-title{align-items:flex-start;flex-direction:column}.schedule-add{width:100%;justify-content:center}}.status.status-paid{background:#dcfce7;color:#167044}.status.status-unpaid{background:#fff4bd;color:#876500}[data-theme=dark] .status.status-paid{background:#143b29;color:#78e0a5}[data-theme=dark] .status.status-unpaid{background:#4b4017;color:#ffe270}@media(min-width:761px){.bulk-target{grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(110px,.65fr))}}.bulk-target .bulk-cost-insufficient{background:#ef44440d;border:1px solid #ef444438}.bulk-target .bulk-cost-insufficient strong{color:#dc2626}@media(min-width:761px){.bulk-target:has(.field:nth-child(2)){grid-template-columns:minmax(220px,1.5fr) minmax(170px,.8fr) repeat(3,minmax(105px,.58fr))}}.subscriber-filter-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;min-width:0;flex:1}.subscriber-filter-tools .search{flex:1 1 260px}.compact-filter{display:grid;gap:4px;min-width:155px;flex:1 1 165px}.compact-filter>span{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.compact-filter select,.compact-filter input{width:100%;height:42px;padding:0 34px 0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);outline:none}.compact-filter input{padding-right:12px;color-scheme:light dark}.compact-filter select:focus,.compact-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}@media(max-width:700px){.subscriber-toolbar,.subscriber-filter-tools{align-items:stretch;flex-direction:column}.subscriber-filter-tools .search,.compact-filter{width:100%;min-width:0}.subscriber-toolbar>.button{width:100%}}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.pagination-summary{color:var(--text-soft);font-size:12px}.pagination-summary strong,.page-indicator strong{color:var(--text);font-weight:800}.pagination-controls{display:flex;align-items:center;gap:16px}.page-size-control{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:12px;font-weight:700;white-space:nowrap}.page-size-control select{height:36px;min-width:76px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised,var(--surface));color:var(--text);outline:none}.page-size-control select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.page-indicator{color:var(--text-soft);font-size:12px;white-space:nowrap}.page-buttons{display:flex;gap:6px}.page-buttons button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-raised,var(--surface));color:var(--text);font-size:20px;line-height:1;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.page-buttons button:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));transform:translateY(-1px)}.page-buttons button:disabled{opacity:.38;cursor:not-allowed}@media(max-width:700px){.table-pagination{align-items:stretch;flex-direction:column}.pagination-controls{align-items:stretch;flex-wrap:wrap;justify-content:space-between}.page-size-control{flex:1 1 100%;justify-content:space-between}.page-size-control select{min-width:100px}.page-buttons{margin-left:auto}}.bulk-renew-review{display:grid;gap:16px}.bulk-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:12px}.bulk-wallet-grid article{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)),var(--surface))}.bulk-wallet-grid article.insufficient{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.bulk-wallet-grid article>div{display:grid;gap:3px}.bulk-wallet-grid small,.bulk-wallet-grid span,.bulk-renew-footer small{font-size:11px;color:var(--text-soft)}.bulk-wallet-grid strong{font-size:20px;color:var(--text)}.bulk-direct-total{display:flex;justify-content:space-between;padding:12px 16px;border:1px solid var(--border);border-radius:12px}.bulk-renew-list{max-height:48vh;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.bulk-renew-head,.bulk-renew-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(240px,1.5fr) 120px 130px;gap:14px;align-items:center;padding:12px 14px}.bulk-renew-head{position:sticky;top:0;z-index:2;background:var(--surface-raised,var(--surface));border-bottom:1px solid var(--border);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.bulk-renew-row{border-bottom:1px solid var(--border)}.bulk-renew-row:last-child{border-bottom:0}.bulk-renew-user,.bulk-renew-service,.bulk-renew-price{display:grid;gap:3px;min-width:0}.bulk-renew-user small,.bulk-renew-service small,.bulk-renew-price small{font-size:10px;color:var(--text-soft)}.bulk-renew-user .status{width:max-content;margin-top:3px}.bulk-renew-service select,.bulk-payment{width:100%;height:40px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.bulk-renew-error{font-size:11px;color:var(--danger)}.bulk-renew-price{text-align:right}.bulk-renew-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:2px}.bulk-renew-footer>div:first-child{display:grid;gap:3px}.bulk-renew-footer>div:first-child strong{font-size:24px}.bulk-renew-footer>div:first-child span{font-size:11px;color:var(--accent)}@media(max-width:700px){.bulk-wallet-grid{grid-template-columns:1fr}.bulk-wallet-grid article{grid-template-columns:1fr}.bulk-renew-head{display:none}.bulk-renew-row{grid-template-columns:1fr;gap:10px;padding:14px}.bulk-renew-price{text-align:left}.bulk-renew-footer{align-items:stretch;flex-direction:column}.bulk-renew-footer .form-actions{display:grid;grid-template-columns:1fr 1fr}.bulk-renew-list{max-height:52vh}}.whatsapp-reseller-filter{width:min(360px,100%);margin-bottom:14px}.whatsapp-config{display:grid;gap:20px;margin-bottom:26px;padding:22px}.whatsapp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.whatsapp-section-head h3{margin:3px 0 5px}.whatsapp-section-head p:last-child{margin:0;color:var(--text-soft);font-size:12px}.connection-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);font-size:11px;font-weight:800;white-space:nowrap}.connection-badge.connected{color:#16a34a;border-color:#22c55e55;background:#22c55e0c}.whatsapp-config-form{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(180px,.8fr) auto;gap:14px;align-items:end}.whatsapp-config-actions{display:flex;gap:8px;justify-content:flex-end;grid-column:1/-1}.whatsapp-section{margin-top:26px}.whatsapp-template-form textarea{font-family:inherit;line-height:1.55;resize:vertical}.template-variables{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.template-variables>span{font-size:10px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em;margin-right:3px}.template-variables button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--accent);padding:5px 9px;font-size:11px}.template-variables button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.trigger-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-size:10px;font-weight:800}.delivery-error{display:block;max-width:300px;white-space:normal;color:var(--danger);font-size:11px}.switch-field{display:flex!important;align-items:center;gap:9px;min-height:42px;font-size:12px;font-weight:700}.switch-field input{width:18px!important;height:18px!important;min-width:18px;padding:0!important;accent-color:var(--accent)}@media(max-width:800px){.whatsapp-section-head{flex-direction:column}.whatsapp-config-form{grid-template-columns:1fr}.whatsapp-config-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.connection-badge{white-space:normal}}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid.single{grid-template-columns:1fr}.dashboard-grid.single .panel{min-height:130px}@media(max-width:1250px){.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.dashboard-stats{grid-template-columns:1fr}}@media(max-width:700px){.subscriber-toolbar{gap:10px;margin-bottom:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.subscriber-filter-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:9px;width:100%}.subscriber-filter-tools .search{grid-column:1/-1;flex:none;width:100%;height:44px;min-height:44px;padding-inline:11px}.subscriber-filter-tools .search input{height:42px;padding:0}.subscriber-filter-tools .compact-filter{flex:none;width:100%;min-width:0;gap:4px}.subscriber-filter-tools .compact-filter>span{font-size:8px;padding-left:2px}.subscriber-filter-tools .compact-filter select,.subscriber-filter-tools .compact-filter input{height:40px;min-height:40px;padding-left:10px;font-size:12px}.subscriber-toolbar>.button{min-height:40px}.bulk-action-bar{gap:9px;margin-bottom:10px;padding:9px 10px}.bulk-buttons{gap:6px}.bulk-buttons .button{min-height:34px;padding:6px 8px;font-size:11px}.subscriber-table .table-wrap tbody{gap:9px}.subscriber-table .table-wrap tr{border-radius:13px;box-shadow:0 5px 18px color-mix(in srgb,#07131a 7%,transparent)}.subscriber-table .table-wrap td{padding:7px 11px;font-size:12px;line-height:1.25}.subscriber-table .table-wrap td:first-child[data-label=""]{min-height:34px;padding:7px 11px}.subscriber-table .table-wrap td:not([data-label=""]){grid-template-columns:minmax(78px,28%) minmax(0,1fr);gap:8px}.subscriber-table .table-wrap td:not([data-label=""]):before{font-size:8px;letter-spacing:.07em}.subscriber-table .primary-cell{gap:1px}.subscriber-table .primary-cell strong{font-size:12px;line-height:1.2}.subscriber-table .primary-cell small{font-size:9px;line-height:1.25}.subscriber-table .status{justify-self:end;min-width:74px;justify-content:center;padding:3px 7px;font-size:9px}.subscriber-table .row-actions.icon-actions{gap:5px;flex-wrap:nowrap;justify-content:flex-end}.subscriber-table .row-actions .row-icon-action{flex:0 0 34px;width:34px;height:34px;min-width:34px;min-height:34px;border-radius:9px}.subscriber-table .row-actions .row-icon-action svg{width:15px;height:15px}}@media(max-width:390px){.subscriber-filter-tools{grid-template-columns:1fr}.subscriber-filter-tools .search{grid-column:auto}.subscriber-table .table-wrap td:not([data-label=""]){grid-template-columns:76px minmax(0,1fr)}.subscriber-table .row-actions.icon-actions{display:grid;grid-template-columns:repeat(6,1fr);width:100%}.subscriber-table .row-actions .row-icon-action{width:100%;min-width:0}}.row-actions .row-icon-action.whatsapp{color:#168a58;background:color-mix(in srgb,#22c55e 10%,var(--surface));border-color:color-mix(in srgb,#22c55e 25%,var(--border))}.row-actions .row-icon-action.whatsapp:hover{border-color:#22a866;background:color-mix(in srgb,#22c55e 16%,var(--surface))}.invoice-filters{grid-template-columns:minmax(240px,2fr) repeat(4,minmax(140px,1fr)) auto}.invoice-filters .search{min-width:0}.invoice-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.invoice-summary article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.invoice-summary article>svg{flex:0 0 auto;width:34px;height:34px;padding:8px;border-radius:10px}.invoice-summary article>div{min-width:0;display:grid;gap:3px}.invoice-summary span{color:var(--text-soft);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.invoice-summary strong{overflow:hidden;text-overflow:ellipsis;font-size:20px}.invoice-summary .paid>svg{color:#16834e;background:#16a35a18}.invoice-summary .unpaid>svg{color:#c47a08;background:#f59e0b18}@media(max-width:1100px){.invoice-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-filters .search{grid-column:span 2}.invoice-filters>.button{align-self:end}}@media(max-width:800px){.invoice-summary{grid-template-columns:1fr 1fr}.invoice-summary article{padding:13px}.invoice-summary strong{font-size:17px}}.collector-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.collector-summary article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.collector-summary article>svg{width:38px;height:38px;padding:9px;border-radius:11px;color:#16834e;background:#16a35a18}.collector-summary article.balance>svg{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.collector-summary article>span{display:grid;gap:4px}.collector-summary small{color:var(--text-soft);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.collector-summary strong{font-size:22px}.collector-credit{color:#16834e}.collector-debit{color:#c47a08}.collector-assign{padding:18px 22px 22px;display:grid;gap:14px}.collector-assignment-list{max-height:55vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}.collector-assignment-list>label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);cursor:pointer}.collector-assignment-list>label.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.collector-assignment-list input{width:17px;height:17px;accent-color:var(--accent)}.collector-assignment-list span{display:grid;gap:2px}.collector-assignment-list small{color:var(--text-soft)}.collector-assign-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;color:var(--text-soft);font-size:12px}@media(max-width:700px){.collector-summary,.collector-assignment-list{grid-template-columns:1fr}.collector-assign{padding:14px 16px 18px}}.server-panel{margin-top:14px;padding:21px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.server-panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.server-panel-title h3{margin:3px 0 0;font-size:18px}.server-live{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:10px;font-weight:750}.server-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e18}.server-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.server-metric{min-width:0;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--surface-soft)}.server-metric-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.server-metric-head>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--accent) 11%,var(--surface));color:var(--accent)}.server-metric-head small{color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.server-metric>strong{display:block;overflow-wrap:anywhere;font-size:19px;line-height:1.25}.server-metric>p{min-height:16px;margin:5px 0 12px;color:var(--text-soft);font-size:10px}.server-meter{height:6px;overflow:hidden;border-radius:99px;background:color-mix(in srgb,var(--border) 70%,var(--surface))}.server-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#35c49b);transition:width .4s ease}@media(max-width:1100px){.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.server-panel{padding:14px}.server-panel-title{align-items:flex-start;flex-direction:column}.server-metrics{grid-template-columns:1fr 1fr;gap:8px}.server-metric{padding:12px}.server-metric>strong{font-size:16px}.server-metric>p{margin-bottom:9px}}@media(max-width:390px){.server-metrics{grid-template-columns:1fr}}.table-sort{display:inline-flex;align-items:center;gap:5px;margin:-7px -8px;padding:7px 8px;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit}.table-sort svg{opacity:.45}.table-sort.active{color:var(--accent)}.table-sort.active svg{opacity:1}.mobile-table-sort{display:none}.row-actions .row-icon-action.withdraw{color:#b45309;background:color-mix(in srgb,#f59e0b 10%,var(--surface));border-color:color-mix(in srgb,#f59e0b 28%,var(--border))}@media(max-width:700px){.mobile-table-sort{display:flex;align-items:end;gap:7px;margin:0 0 8px;padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.mobile-table-sort label{display:grid;flex:1;gap:4px}.mobile-table-sort label>span{color:var(--text-soft);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.mobile-table-sort select{width:100%;height:36px;padding:0 30px 0 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:11px}.mobile-table-sort button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--accent)}.mobile-table-sort button:disabled{opacity:.4}}.box-combobox{position:relative}.box-combobox>input{padding-right:38px}.box-combobox-clear{position:absolute;z-index:2;right:7px;top:50%;width:27px;height:27px;display:grid;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;background:var(--surface-soft);color:var(--text-soft);font-size:18px;line-height:1}.box-combobox-menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);box-shadow:0 18px 45px #06141d26}.box-combobox-menu>button{width:100%;display:grid;gap:2px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.box-combobox-menu>button:hover,.box-combobox-menu>button.selected{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}.box-combobox-menu strong{font-size:12px}.box-combobox-menu small{overflow:hidden;color:var(--text-soft);font-size:9px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.box-combobox-empty{padding:16px;color:var(--text-soft);font-size:11px;text-align:center}@media(max-width:700px){.box-combobox-menu{max-height:210px}}.subscriber-toolbar-actions{position:relative;display:flex;align-items:center;gap:8px}.column-picker{position:relative}.column-picker>summary{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-soft);cursor:pointer;list-style:none}.column-picker>summary::-webkit-details-marker{display:none}.column-picker[open]>summary,.column-picker>summary:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.column-picker-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:min(330px,calc(100vw - 32px));padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);box-shadow:0 20px 55px #07141d38}.column-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px;border-bottom:1px solid var(--border)}.column-picker-head>div{display:grid;gap:2px}.column-picker-head strong{font-size:13px}.column-picker-head small{color:var(--text-soft);font-size:10px}.column-picker-head button{padding:5px 8px;border:0;border-radius:7px;background:var(--surface-soft);color:var(--accent);font-size:10px;font-weight:800}.column-picker-options{max-height:340px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding-top:8px}.column-picker-options label{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;border-radius:8px;color:var(--text);font-size:11px;font-weight:650;cursor:pointer}.column-picker-options label:hover{background:var(--surface-soft)}.column-picker-options input{width:15px;height:15px;accent-color:var(--accent)}.column-picker-options span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:700px){.subscriber-toolbar-actions{width:100%}.subscriber-toolbar-actions>.button{flex:1}.column-picker>summary{width:42px;height:42px}.column-picker-menu{position:fixed;top:96px;right:14px;left:14px;width:auto;max-height:calc(100vh - 116px);overflow:hidden}.column-picker-options{max-height:calc(100vh - 210px)}}@media(min-width:1051px)and (max-width:1400px){.subscriber-toolbar{align-items:flex-end}.subscriber-filter-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.subscriber-filter-tools .search{grid-column:span 2;width:100%;max-width:none}.subscriber-filter-tools .compact-filter{width:100%;min-width:0}.subscriber-filter-tools .compact-filter:last-child{grid-column:span 2}.subscriber-toolbar-actions{align-self:flex-end;padding-bottom:0}}@media(min-width:701px)and (max-width:1050px){.subscriber-toolbar{align-items:stretch;flex-direction:column;gap:9px}.subscriber-filter-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;width:100%}.subscriber-filter-tools .search{grid-column:span 2;width:100%;max-width:none}.subscriber-filter-tools .compact-filter{width:100%;min-width:0}.subscriber-toolbar-actions{align-self:flex-end}}.plan-change-review{display:grid;gap:16px}.plan-change-list{max-height:48vh;overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.plan-change-head,.plan-change-row{display:grid;grid-template-columns:minmax(145px,1fr) minmax(135px,.9fr) minmax(180px,1.15fr) 82px 105px;gap:12px;align-items:center;padding:12px 14px}.plan-change-head{position:sticky;top:0;z-index:2;border-bottom:1px solid var(--border);background:var(--surface-raised,var(--surface));color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.plan-change-row{border-bottom:1px solid var(--border)}.plan-change-row:last-child{border-bottom:0}.plan-change-row select{width:100%;height:40px;padding:0 30px 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text)}.plan-change-current,.plan-change-days,.plan-change-charge{display:grid;gap:3px}.plan-change-current small,.plan-change-days small,.plan-change-charge small{color:var(--text-soft);font-size:9px}.plan-change-days,.plan-change-charge{text-align:right}.plan-change-charge strong{color:var(--accent)}.plan-change-loading,.plan-change-error{grid-column:2/-1}@media(max-width:700px){.plan-change-head{display:none}.plan-change-row{grid-template-columns:1fr;gap:9px;padding:14px}.plan-change-current,.plan-change-days,.plan-change-charge{text-align:left}.plan-change-days,.plan-change-charge{grid-template-columns:auto 1fr;align-items:baseline}.plan-change-loading,.plan-change-error{grid-column:auto}.plan-change-list{max-height:52vh}}.collector-users-panel{margin-top:20px}.collector-users-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.collector-users-heading h3{margin:0 0 4px}.collector-users-heading p{margin:0;color:var(--muted)}.collector-user-counts{display:flex;gap:8px;flex-wrap:wrap}.collector-user-counts span{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12px}.collector-user-counts strong{margin-left:4px}.collector-user-counts .paid{color:#16a36a}.collector-user-counts .unpaid{color:#dc5c5c}.collector-user-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.collector-user-search{display:flex;align-items:center;gap:8px;min-width:260px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.collector-user-search input{width:100%;border:0;background:transparent;padding:10px 0;outline:0;color:inherit}.collector-user-filters{display:flex;gap:6px;flex-wrap:wrap}.collector-user-filters button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:9px;padding:8px 11px;cursor:pointer}.collector-user-filters button.active{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:700px){.collector-users-heading,.collector-user-tools{align-items:stretch;flex-direction:column}.collector-user-search{min-width:0}.collector-user-counts{display:grid;grid-template-columns:repeat(2,1fr)}}