:root{color:#171720;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171720;--muted:#747480;--line:#e6e6ec;--soft:#f6f6f9;--surface:#fff;--purple:#6d31e8;--purple-dark:#4e1eba;--green:#1c9a67;--red:#d14a58;--orange:#d78424;--blue:#2881de;background:#f2f3f7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:1040px;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.58}.admin-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:10;color:#fff;background:radial-gradient(circle at 20% 10%,#6f41e138,#0000 28%),#12121a;flex-direction:column;width:252px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.visual-brand{align-items:center;gap:12px;display:flex}.brand{margin:0 8px 36px}.brand-mark{color:#fff;background:linear-gradient(145deg,#23b9f1,#6232f1 62%,#9d42f0);border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;transform:skew(-3deg);box-shadow:0 10px 28px #4826c257}.brand-mark.large{border-radius:18px;width:58px;height:58px;font-size:30px}.brand>span:last-child{display:grid}.brand strong,.visual-brand strong{letter-spacing:.12em;font-size:20px}.brand small{color:#8e8e9d;letter-spacing:.11em;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar nav{gap:7px;display:grid}.sidebar nav button{color:#aeadbb;text-align:left;background:0 0;border:0;border-radius:13px;grid-template-columns:30px 1fr auto;align-items:center;min-height:48px;padding:0 13px;transition:all .16s;display:grid;position:relative}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;background:linear-gradient(105deg,#7337efe6,#562cbebd);box-shadow:0 12px 26px #3b198c3d}.sidebar nav i{font-size:19px;font-style:normal;font-weight:800}.sidebar nav b{color:#fff;text-align:center;background:#e64d5f;border-radius:999px;min-width:22px;padding:3px 6px;font-size:10px}.sidebar-status{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:11px;margin-top:auto;padding:16px 13px;display:flex}.sidebar-status div{gap:3px;display:grid}.sidebar-status strong{font-size:12px}.sidebar-status small{color:#858594;font-size:10px}.status-dot,.health-dot{background:#35d38c;border-radius:50%;flex:none;width:9px;height:9px;display:block;box-shadow:0 0 0 4px #35d38c1c}.main-area{grid-column:2;min-width:0}.topbar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f8fbe8;border-bottom:1px solid #e0e0e8e6;justify-content:space-between;align-items:center;min-height:86px;padding:0 34px;display:flex;position:sticky;top:0}.topbar p,.topbar h1{margin:0}.topbar p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.topbar h1{letter-spacing:-.02em;font-size:23px}.topbar-actions,.admin-profile{align-items:center;display:flex}.topbar-actions{gap:12px}.admin-profile{gap:10px;min-width:190px}.admin-profile>span{color:#5920c8;background:#e9e0ff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:900;display:grid}.admin-profile div{gap:2px;display:grid}.admin-profile strong{font-size:13px}.admin-profile small{color:var(--muted);text-transform:uppercase;font-size:10px}.icon-button,.ghost-button,.secondary-button,.primary-button,.danger-button{border-radius:11px;min-height:40px;font-size:12px;font-weight:800;transition:all .15s}.icon-button{border:1px solid var(--line);color:#4e4b58;background:#fff;width:40px;font-size:18px}.ghost-button{border:1px solid var(--line);color:#5e5b68;background:0 0;padding:0 14px}.secondary-button{color:#393640;background:#fff;border:1px solid #dcd9e4;padding:0 17px}.primary-button{background:linear-gradient(135deg, var(--purple), #8d48ed);color:#fff;border:0;padding:0 18px;box-shadow:0 8px 18px #642bdb2e}.danger-button{color:#b83142;background:#fff5f6;border:1px solid #f0cdd2;padding:0 16px}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 22px #642bdb40}.content{padding:26px 34px 48px}.security-banner,.flash{border-radius:13px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.security-banner{color:#765510;background:#fffae9;border:1px solid #eadfbf}.security-banner>span{font-size:22px}.security-banner div{gap:3px;display:grid}.security-banner strong{font-size:12px}.security-banner p{margin:0;font-size:11px}.flash{justify-content:space-between;font-size:12px;font-weight:700}.flash.success{color:#16744a;background:#effaf4;border:1px solid #ccebdc}.flash.error{color:#a92e3d;background:#fff4f5;border:1px solid #f1ced3}.flash button{color:currentColor;background:0 0;border:0;font-size:20px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:17px;align-content:space-between;min-height:140px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #1b182809}.metric-card:after{content:"";opacity:.08;background:currentColor;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-32px;right:-25px}.metric-card>span{color:var(--muted);font-size:11px;font-weight:700}.metric-card strong{color:var(--ink);letter-spacing:-.04em;font-size:29px}.metric-card small{color:#96939f;font-size:10px}.metric-card.violet{color:var(--purple)}.metric-card.blue{color:var(--blue)}.metric-card.green{color:var(--green)}.metric-card.orange{color:var(--orange)}.overview-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 10px 28px #1e1b2c09}.panel>header{border-bottom:1px solid #ededf2;justify-content:space-between;align-items:center;gap:16px;min-height:78px;padding:19px 21px;display:flex}.panel>header h2,.panel>header p{margin:0}.panel>header h2{font-size:16px}.panel>header p{color:var(--muted);margin-top:5px;font-size:11px}.health-list{padding:9px 21px}.health-list>div{border-bottom:1px solid #f0eff3;grid-template-columns:14px 1fr auto;align-items:center;gap:11px;min-height:54px;display:grid}.health-list>div:last-child{border-bottom:0}.health-list div div{gap:3px;display:grid}.health-list strong{font-size:12px}.health-list small{color:var(--muted);font-size:10px}.health-list b{color:var(--green);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.health-dot.degraded{background:var(--orange);box-shadow:0 0 0 4px #d784241c}.health-dot.down{background:var(--red);box-shadow:0 0 0 4px #d14a581c}.incident-summary{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,1fr);margin:4px 21px 20px;display:grid}.incident-summary span{color:var(--muted);text-align:center;gap:3px;padding:13px;font-size:9px;display:grid}.incident-summary span+span{border-left:1px solid var(--line)}.incident-summary strong{color:var(--ink);font-size:18px}.incident-summary .danger strong{color:var(--red)}.action-list{padding:8px 21px 16px}.action-list>div{border-bottom:1px solid #f0eff3;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:58px;display:grid}.action-list>div:last-child{border-bottom:0}.action-list>div>span{color:#5a29bc;background:#ede8fb;border-radius:10px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:900;display:grid}.action-list div div{gap:4px;display:grid}.action-list strong{font-size:11px}.action-list small{color:var(--muted);font-size:9px}.toolbar{background:#fbfbfc;border-bottom:1px solid #ededf2;align-items:center;gap:10px;padding:14px 21px;display:flex}.search-control{color:#9996a2;background:#fff;border:1px solid #dedde5;border-radius:11px;align-items:center;gap:8px;width:min(420px,45%);height:42px;padding:0 12px;display:flex}.search-control.wide{width:min(580px,65%)}.search-control input{border:0;outline:0;width:100%}.toolbar select,.compact-form select,.payment-form select{color:#484550;background:#fff;border:1px solid #dedde5;border-radius:11px;outline:0;height:42px;padding:0 34px 0 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#918e99;letter-spacing:.04em;text-align:left;text-transform:uppercase;background:#fafafd;height:42px;padding:0 17px;font-size:9px}td{color:#55525e;border-top:1px solid #efeff3;height:68px;padding:9px 17px;font-size:11px}tbody tr{transition:background .13s}tbody tr:hover{background:#faf8ff}tbody tr[onclick]{cursor:pointer}td strong{color:var(--ink)}.person-cell{align-items:center;gap:11px;display:flex}.person-cell>span{color:#5c2ab8;background:linear-gradient(145deg,#eae1ff,#dfeafa);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.person-cell>div{gap:4px;min-width:0;display:grid}.person-cell strong{font-size:12px}.person-cell small,.block{color:var(--muted);font-size:9px;display:block}.person-cell.large>span{border-radius:15px;width:48px;height:48px;font-size:12px}.person-cell.large strong{font-size:16px}.arrow-cell{color:#aaa6b2;text-align:right;font-size:24px}.badge{color:#696571;white-space:nowrap;background:#f0eff3;border-radius:999px;align-items:center;min-height:24px;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.badge.complimentary,.badge.manual{color:#19764f;background:#eaf8f1}.badge.stripe{color:#355bc3;background:#e9efff}.badge.unpaid,.badge.warning{color:#a75f0b;background:#fff2df}.badge.suspended,.badge.critical,.badge.error{color:#b73849;background:#ffebee}.badge.info,.badge.neutral{color:#686571;background:#efeff4}.empty-state{color:#9b98a4;align-content:center;place-items:center;gap:9px;min-height:190px;padding:32px;display:grid}.empty-state span{font-size:26px}.empty-state p{text-align:center;max-width:380px;margin:0;font-size:11px;line-height:1.5}.error-list{padding:6px 21px 18px}.error-list article{border-bottom:1px solid #eeeef2;grid-template-columns:39px minmax(0,1fr) auto;gap:13px;padding:17px 0;display:grid}.error-list article:last-child{border-bottom:0}.severity-icon{color:#777380;background:#f0eff3;border-radius:11px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:900;display:grid}.severity-icon.error,.severity-icon.critical{color:var(--red);background:#ffeaed}.severity-icon.warning{color:var(--orange);background:#fff3df}.error-main{min-width:0}.error-heading{align-items:center;gap:6px;margin-bottom:7px;display:flex}.error-heading small{color:var(--muted);font-size:9px}.error-main>strong{font-size:12px}.error-main p{color:var(--muted);margin:7px 0;font-size:10px}.error-main code{color:#777281;font-size:9px}.row-actions{align-items:flex-start;gap:7px;display:flex}.row-actions button,.payment-list button{border:1px solid var(--line);color:#615d69;background:#fff;border-radius:9px;min-height:32px;padding:0 10px;font-size:9px;font-weight:800}.row-actions button.success{color:#18724c;background:#f1fbf6;border-color:#cce8dc}.audit-list{padding:5px 21px 24px 36px}.audit-list article{border-left:1px solid #e0dce9;grid-template-columns:minmax(0,1fr) auto;gap:18px;min-height:78px;padding:17px 0 17px 20px;display:grid;position:relative}.timeline-dot{background:var(--purple);border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:23px;left:-5px;box-shadow:0 0 0 2px #dcd1f4}.audit-list h3,.audit-list p{margin:0}.audit-list strong{font-size:11px}.audit-list p{color:#5d5965;margin:5px 0;font-size:10px}.audit-list small{color:#96929e;font-size:9px}.audit-list details{width:210px;font-size:9px}.audit-list summary{color:var(--purple);font-weight:800}.audit-list pre{white-space:pre-wrap;background:#f6f5f8;border-radius:8px;max-height:130px;padding:8px;overflow:auto}.modal-backdrop,.drawer-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11101880;display:grid;position:fixed;inset:0}.modal-backdrop{place-items:center;padding:32px}.modal-card{background:#fff;border-radius:19px;width:min(720px,100vw - 64px);max-height:calc(100vh - 64px);overflow:hidden;box-shadow:0 28px 90px #0f0d1659}.modal-header,.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 23px;display:flex}.modal-header h2,.modal-header small{margin:0}.modal-header h2{margin-top:4px;font-size:18px}.modal-header small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.close-button{border:1px solid var(--line);color:#7c7883;background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:16px;max-height:calc(100vh - 150px);padding:22px 23px;display:grid;overflow-y:auto}.form-grid label,.compact-form label,.payment-form label{color:#57535f;gap:7px;font-size:10px;font-weight:800;display:grid}.form-grid input,.compact-form input,.payment-form input,.payment-form textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #dddbe3;border-radius:10px;outline:0;padding:9px 11px}.form-grid input:focus,.compact-form input:focus,.payment-form input:focus,.payment-form textarea:focus{border-color:#a482ea;box-shadow:0 0 0 3px #6d31e814}.form-grid label small,.compact-form label small{color:#9996a1;font-size:8px;font-weight:500}.full{grid-column:1/-1}.switch-row{align-items:center;min-height:44px;gap:10px!important;display:flex!important}.switch-row input{opacity:0;width:0;height:0;position:absolute}.switch-row span{background:#cbc9d1;border-radius:999px;width:38px;height:22px;position:relative}.switch-row span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0000002b}.switch-row input:checked+span{background:var(--purple)}.switch-row input:checked+span:after{transform:translate(16px)}.form-actions{justify-content:flex-end;gap:10px;padding-top:7px;display:flex}.drawer-backdrop{justify-items:end}.account-drawer{background:#f7f7fa;width:min(620px,56vw);min-width:580px;height:100vh;overflow:hidden;box-shadow:-24px 0 70px #0e0c1738}.drawer-header{background:#fff;min-height:84px}.account-summary{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);background:#fff;align-items:center;gap:15px;padding:0 23px;font-size:9px;display:flex}.drawer-tabs{border-bottom:1px solid var(--line);background:#fff;gap:24px;padding:0 23px;display:flex}.drawer-tabs button{min-height:49px;color:var(--muted);background:0 0;border:0;font-size:10px;font-weight:800;position:relative}.drawer-tabs button.active{color:var(--purple)}.drawer-tabs button.active:after{background:var(--purple);content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0}.drawer-content{height:calc(100vh - 181px);padding:18px;overflow-y:auto}.section-block{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:14px;padding:18px}.section-block>header{margin-bottom:15px}.section-block h3,.section-block p{margin:0}.section-block h3{font-size:13px}.section-block p{color:var(--muted);margin-top:4px;font-size:9px}.compact-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.split-actions{grid-column:1/-1;gap:9px;display:flex}.split-actions button:first-child{flex:1}.inline-status{grid-template-columns:1fr auto}.history-list>div{border-bottom:1px solid #f0eff3;grid-template-columns:12px 1fr;gap:10px;padding:10px 0;display:grid}.history-list>div:last-child{border-bottom:0}.history-dot{background:#b8b5be;border-radius:50%;width:8px;height:8px;margin-top:4px}.history-dot.active{background:var(--green);box-shadow:0 0 0 3px #1c9a671a}.history-list strong{font-size:10px}.history-list p{color:#605d67;margin:4px 0;font-size:9px}.history-list small{color:var(--muted);font-size:8px}.payment-form{grid-template-columns:1fr 1fr;gap:12px;display:grid}.payment-form textarea{resize:vertical}.payment-list>div{border-bottom:1px solid #f0eff3;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.payment-list>div:last-child{border-bottom:0}.payment-list>div>div{gap:4px;display:grid}.payment-list strong{font-size:11px}.payment-list small{color:var(--muted);font-size:8px}.firm-list>div{border-bottom:1px solid #f0eff3;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.firm-list>div:last-child{border-bottom:0}.firm-list>div>span{color:#5d2bbd;background:#ece6fa;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:grid}.firm-list div div{gap:3px;display:grid}.firm-list strong{font-size:11px}.firm-list small,.firm-list b{color:var(--muted);font-size:8px}.corner-loader{z-index:50;color:#fff;background:#171720;border-radius:11px;padding:10px 14px;font-size:10px;font-weight:800;position:fixed;bottom:20px;right:22px;box-shadow:0 12px 30px #0003}.login-page{background:#f7f7fa;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 15% 12%,#6129e173,#0000 26%),radial-gradient(circle at 83% 78%,#108fe038,#0000 30%),#15141e;flex-direction:column;justify-content:space-between;min-height:100vh;padding:54px 62px;display:flex}.visual-brand{gap:15px}.visual-brand strong{font-size:24px}.login-visual>div:nth-child(2){max-width:570px}.eyebrow{color:#9874e8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:900;display:block}.login-visual h1{letter-spacing:-.055em;max-width:610px;margin:0 0 20px;font-size:clamp(40px,4.5vw,68px);line-height:.98}.login-visual p{color:#a5a3b1;max-width:530px;margin:0;font-size:14px;line-height:1.65}.login-visual>small{color:#777584;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.login-panel{place-items:center;min-height:100vh;padding:40px;display:grid}.login-panel form{gap:18px;width:min(390px,100%);display:grid}.login-panel h2,.login-panel p{margin:0}.login-panel h2{letter-spacing:-.03em;font-size:25px}.login-panel p{color:var(--muted);margin-top:-11px;font-size:11px}.login-panel label{color:#514e59;gap:8px;font-size:10px;font-weight:800;display:grid}.login-panel input{background:#fff;border:1px solid #dcd9e3;border-radius:12px;outline:0;width:100%;height:49px;padding:0 13px}.login-panel input:focus{border-color:#9871e7;box-shadow:0 0 0 4px #6d31e814}.login-button{min-height:49px;margin-top:4px}.login-error{color:#a62d3c;background:#fff3f5;border:1px solid #f0cbd1;border-radius:10px;padding:11px 13px;font-size:10px}.loading-screen{color:#9f9cab;background:#14131c;align-content:center;place-items:center;gap:14px;min-height:100vh;display:grid}.loading-screen p{letter-spacing:.08em;text-transform:uppercase;font-size:10px}@media (max-width:1180px){.admin-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{width:220px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.content,.topbar{padding-left:24px;padding-right:24px}}