@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-2xl:1rem}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-\[18px\]{margin-bottom:18px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-auto{aspect-ratio:auto}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-\[140px\]{height:140px}.h-\[220px\]{height:220px}.h-full{height:100%}.min-h-\[160px\]{min-height:160px}.min-h-\[180px\]{min-height:180px}.w-1{width:var(--spacing)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-\[140px\]{width:140px}.w-full{width:100%}.max-w-\[70px\]{max-width:70px}.min-w-0{min-width:0}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[8px_minmax\(0\,1fr\)_auto\]{grid-template-columns:8px minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#e6edf6\]{border-color:#e6edf6}.border-border,.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.bg-\[\#7c3aed\]{background-color:#7c3aed}.bg-\[\#0891b2\]{background-color:#0891b2}.bg-\[\#1268e8\]{background-color:#1268e8}.bg-\[\#059669\]{background-color:#059669}.bg-\[\#64748b\]{background-color:#64748b}.bg-\[\#db2777\]{background-color:#db2777}.bg-\[\#dc2626\]{background-color:#dc2626}.bg-\[\#ea580c\]{background-color:#ea580c}.bg-\[\#ecfdf5\]{background-color:#ecfdf5}.bg-\[\#edf5ff\]{background-color:#edf5ff}.bg-\[\#f1f5f9\]{background-color:#f1f5f9}.bg-\[\#fef2f2\]{background-color:#fef2f2}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-white{background-color:var(--color-white)}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.p-\[17px_20px\]{padding:17px 20px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[15px\]{font-size:15px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.whitespace-nowrap{white-space:nowrap}.text-\[\#0a9b3a\]{color:#0a9b3a}.text-\[\#0f1c33\]{color:#0f1c33}.text-\[\#4b5d7a\]{color:#4b5d7a}.text-\[\#6b7c95\]{color:#6b7c95}.text-\[\#2767ad\]{color:#2767ad}.text-\[\#059669\]{color:#059669}.text-\[\#64748b\]{color:#64748b}.text-\[\#d97706\]{color:#d97706}.text-\[\#dc2626\]{color:#dc2626}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-white{color:var(--color-white)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.shadow-\[0_10px_28px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_14px_34px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:96rem){.\32 xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}@supports (color:color-mix(in lab, red, red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke=\#ccc]{stroke:color-mix(in oklab, var(--border) 50%, transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:#f1f5f9}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none;outline-style:none}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none;outline-style:none}.\[\&_svg\]\:size-\[52\%\] svg{width:52%;height:52%}}:root{--bg:#f4f7fb;--panel:#fff;--ink:#13213c;--muted:#6e7c95;--line:#e4eaf2;--brand:#1268e8;--brand-2:#49a6ff;--nav:#0c1730;--success:#1baf73;--warning:#f0a229;--font-size-xs:11px;--font-size-sm:12px;--font-size-table:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:24px;--font-size-kpi:28px;--background:var(--bg);--foreground:var(--ink);--card:var(--panel);--card-foreground:var(--ink);--primary:var(--brand);--primary-foreground:#fff;--muted-foreground:var(--muted);--border:var(--line);--ring:var(--brand);--radius:1rem}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-inter), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;scrollbar-gutter:stable;margin:0}button,input{font:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;min-height:100vh;padding:24px 18px;overflow-y:auto}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 8px 22px;display:flex}.brand-mark{width:42px;height:42px;font-weight:900;font-size:var(--font-size-lg);background:linear-gradient(145deg, var(--brand-2), var(--brand));border-radius:13px;place-items:center;display:grid;box-shadow:0 10px 28px #1268e859}.brand strong,.brand span{display:block}.brand strong{font-size:var(--font-size-lg)}.brand span{color:#94a8ca;font-size:var(--font-size-sm);margin-top:2px}.nav-group{margin-top:22px}.nav-group p{color:#7185a8;text-transform:uppercase;letter-spacing:.13em;font-size:var(--font-size-xs);margin:0 10px 8px;font-weight:800}.nav-group a{color:#c7d2e6;font-size:var(--font-size-base);border-radius:9px;align-items:center;gap:11px;margin:3px 0;padding:10px 11px;text-decoration:none;display:flex}.nav-group a:hover{color:#fff;background:#ffffff14}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;min-height:88px;padding:18px 34px;display:flex;position:sticky;top:0}.topbar h1{font-size:var(--font-size-xl);margin:3px 0 0}.eyebrow{color:var(--muted);font-weight:800;font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase}.top-actions{align-items:center;gap:12px;display:flex}.avatar{color:#fff;background:linear-gradient(145deg, var(--brand-2), var(--brand));border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.content{padding:30px 34px 50px}.welcome,.module-hero{color:#fff;background:linear-gradient(125deg,#0e2c64 0%,#1268e8 58%,#5bb7ff 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 18px 45px #1268e82e}.welcome h2,.module-hero h2{max-width:720px;margin:12px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.08}.welcome p,.module-hero p{color:#dbeaff;max-width:760px;margin:0;line-height:1.6}.module-hero{margin-bottom:22px;display:block}.pill{color:inherit;font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:6px 10px;font-weight:800;display:inline-flex}.primary-button,.ghost-button{cursor:pointer;border:0;border-radius:10px;font-weight:750}.primary-button{white-space:nowrap;color:var(--brand);background:#fff;padding:12px 17px}.ghost-button{color:#47607e;background:#eef4fc;padding:9px 12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0;display:grid}.metric{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:0 8px 24px #142c540a}.metric span,.metric small{color:var(--muted);display:block}.metric span{font-size:var(--font-size-table);font-weight:700}.metric strong{font-size:var(--font-size-kpi);margin:10px 0 6px;display:block}.metric small{font-size:var(--font-size-xs)}.dashboard-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #142c540a}.panel.wide{min-height:260px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-heading h3{font-size:var(--font-size-lg);margin:4px 0 0}.empty-chart{background:linear-gradient(#f2f7ff,#fbfdff);border-radius:12px;place-items:center;height:185px;margin-top:14px;display:grid;position:relative;overflow:hidden}.chart-line{opacity:.7;border-bottom:3px solid #73b9ff;border-radius:50%;height:90px;position:absolute;left:5%;right:5%;transform:rotate(-3deg)}.empty-chart p{text-align:center;max-width:420px;color:var(--muted);z-index:2;padding:20px}.queue-list{margin:0;padding:10px 0 0;list-style:none}.queue-list li{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:13px 2px;display:flex}.queue-list strong{color:var(--ink)}.status-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;display:grid}.status-row>div{border:1px solid var(--line);border-radius:12px;padding:16px}.status-row span,.status-row strong{display:block}.status-row span{color:var(--muted);font-size:var(--font-size-sm);margin:9px 0 4px}.status-row strong{font-size:var(--font-size-table)}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.online{background:var(--success);box-shadow:0 0 0 5px #1baf731f}.pending{background:var(--warning);box-shadow:0 0 0 5px #f0a2291f}.empty-state{min-height:280px;color:var(--muted);background:#fafcff;border:1px dashed #cbd6e7;border-radius:12px;place-items:center;margin-top:18px;display:grid}@media (max-width:1100px){.metric-grid,.status-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:16px 20px}.content{padding:20px}.dashboard-grid{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}}.top-actions form{margin:0}.login-shell{background:radial-gradient(circle at 15% 15%,#49a6ff33,#0000 30%),linear-gradient(135deg,#08152e 0%,#0e2c64 48%,#1268e8 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fffffffa;border:1px solid #ffffff2e;border-radius:22px;width:min(100%,460px);padding:34px;box-shadow:0 30px 80px #010c2259}.login-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:24px;display:flex}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:var(--font-size-lg)}.login-brand span{color:var(--muted);font-size:var(--font-size-sm);margin-top:2px}.login-copy{padding:28px 0 18px}.login-copy h1{font-size:var(--font-size-xl);margin:7px 0 8px}.login-copy p{color:var(--muted);margin:0;line-height:1.6}.login-form{gap:17px;display:grid}.login-form label{color:var(--ink);font-size:var(--font-size-table);gap:8px;font-weight:750;display:grid}.login-form input{width:100%;color:var(--ink);background:#fff;border:1px solid #cfd9e8;border-radius:11px;outline:none;padding:12px 13px}.login-form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #1268e81c}.login-submit{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:#fff;cursor:pointer;border:0;border-radius:11px;padding:13px 16px;font-weight:800}.login-submit:disabled{cursor:wait;opacity:.7}.login-error{color:#a11b1b;font-size:var(--font-size-table);background:#fff3f3;border:1px solid #ffd1d1;border-radius:10px;margin:0;padding:11px 12px}.nav-group a.active{color:#fff;box-shadow:inset 3px 0 0 var(--brand-2);background:#49a6ff2e}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.compact-hero{justify-content:space-between;align-items:center;gap:24px;display:flex}.compact-hero h2{text-transform:none}.compact-hero .primary-button{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.customer-list-panel{padding:0;overflow:hidden}.customer-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,1fr) 170px 190px;gap:12px;padding:18px;display:grid}.search-box{color:var(--muted);background:#fff;border:1px solid #d9e1ec;border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;padding:10px 0}.customer-toolbar select,.drawer-actions select,.customer-form select,.settings-form input,.customer-form input{color:var(--ink);background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:10px 12px}.customer-toolbar select:focus,.drawer-actions select:focus,.customer-form select:focus,.settings-form input:focus,.customer-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1268e81a}.customer-table-wrap{overflow-x:auto}.customer-table{border-collapse:collapse;width:100%;font-size:var(--font-size-table)}.customer-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:13px 17px}.customer-table td{vertical-align:middle;border-bottom:1px solid #edf1f6;padding:14px 17px}.customer-table tbody tr{cursor:pointer;transition:background .15s}.customer-table tbody tr:hover{background:#f5f9ff}.customer-table td small{color:var(--muted);margin-top:3px;display:block}.customer-name-cell{align-items:center;gap:10px;display:flex}.mini-avatar{width:34px;height:34px;color:var(--brand);font-size:var(--font-size-xs);background:#e8f2ff;border-radius:10px;place-items:center;font-weight:900;display:grid}.status-badge{font-size:var(--font-size-xs);letter-spacing:.04em;border-radius:999px;padding:5px 8px;font-weight:850;display:inline-flex}.status-badge.active{color:#11845a;background:#e6f8f0}.status-badge.suspended{color:#a85f00;background:#fff2dc}.table-message{text-align:center;color:var(--muted);cursor:default;padding:52px!important}.inline-error,.inline-success{font-size:var(--font-size-table);border-radius:9px;margin:16px 18px 0;padding:11px 13px}.inline-error{color:#a11b1b;background:#fff2f2;border:1px solid #ffd1d1}.inline-success{color:#107049;background:#eaf9f2;border:1px solid #bdebd7}.modal-backdrop,.drawer-backdrop{z-index:20000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07122680;position:fixed;inset:0}.modal-backdrop{place-items:center;padding:24px;display:grid}.customer-modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #00000047}.modal-heading,.drawer-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.modal-heading h3,.drawer-header h3{font-size:var(--font-size-lg);margin:4px 0 0}.icon-button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#f0f4f9;border:0;border-radius:10px;place-items:center;display:grid}.customer-form,.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:23px 24px 25px;display:grid}.customer-form label,.settings-form label{color:#36445b;font-size:var(--font-size-sm);gap:7px;font-weight:750;display:grid}.full-field{grid-column:1/-1}.form-error{color:#a11b1b;background:#fff2f2;border:1px solid #ffd1d1;border-radius:9px;margin:0;padding:10px 12px}.form-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.primary-button:disabled{opacity:.65;cursor:wait}.drawer-backdrop{justify-content:flex-end;display:flex}.customer-drawer{background:#fff;width:min(520px,100%);height:100%;overflow-y:auto;box-shadow:-24px 0 70px #0003}.drawer-loading{color:var(--muted);padding:40px}.drawer-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 24px;display:flex}.drawer-actions .ghost-button{align-items:center;gap:7px;display:inline-flex}.profile-summary{background:#f6f9fd;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 24px;display:grid}.profile-summary article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px}.profile-summary span{color:var(--muted);font-size:var(--font-size-xs);display:block}.profile-summary strong{font-size:var(--font-size-lg);margin-top:5px;display:block}.profile-section{border-bottom:1px solid var(--line);padding:20px 24px}.profile-section h4{margin:0 0 10px}.profile-row{font-size:var(--font-size-sm);border-bottom:1px solid #eef2f7;grid-template-columns:20px 120px minmax(0,1fr);align-items:center;gap:8px;padding:10px 0;display:grid}.profile-row:last-child{border-bottom:0}.profile-row>span{color:var(--muted)}.profile-row strong{text-align:right;overflow-wrap:anywhere}.profile-symbol{place-items:center;width:17px;height:17px;font-weight:900;display:grid;color:var(--brand)!important}.settings-panel{padding:0}.settings-section{border-bottom:1px solid var(--line);grid-column:1/-1;padding-bottom:5px}.settings-section h3{margin:4px 0 8px}.settings-form input:disabled{color:#8591a5;background:#f3f6fa}@media (max-width:900px){.customer-toolbar{grid-template-columns:1fr}.compact-hero{flex-direction:column;align-items:flex-start}}@media (max-width:650px){.customer-form,.settings-form{grid-template-columns:1fr}.full-field,.settings-section{grid-column:auto}.profile-summary{grid-template-columns:1fr}}.dashboard-welcome{align-items:flex-start}.dashboard-refresh{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff52;border-radius:11px;flex:none;align-items:center;gap:8px;padding:11px 14px;font-weight:800;display:inline-flex}.dashboard-refresh:hover{background:#ffffff38}.dashboard-refresh:disabled{opacity:.72;cursor:wait}.spin{animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-error{color:#9d2020;background:#fff3f3;border:1px solid #ffd0d0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 16px;display:flex}.dashboard-error div{gap:4px;display:grid}.dashboard-error span{font-size:var(--font-size-sm)}.dashboard-error button{color:#fff;cursor:pointer;background:#9d2020;border:0;border-radius:9px;padding:9px 12px;font-weight:750}.dashboard-metric{min-height:142px;position:relative;overflow:hidden}.dashboard-metric-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-metric-icon{background:#edf5ff;border-radius:11px;place-items:center;width:36px;height:36px;color:var(--brand)!important;display:grid!important}.dashboard-metric.is-loading:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffffb3 45%,#0000 70%);animation:1.4s infinite dashboard-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes dashboard-shimmer{to{transform:translate(100%)}}.dashboard-recent-panel{min-height:330px}.recent-customer-list{border-top:1px solid var(--line);margin-top:14px}.recent-customer-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto 92px;align-items:center;gap:12px;padding:14px 2px;display:grid}.recent-customer-name{min-width:0}.recent-customer-name strong,.recent-customer-name small{display:block}.recent-customer-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-customer-name small,.recent-customer-row time{color:var(--muted);font-size:var(--font-size-xs);margin-top:3px}.recent-customer-row time{text-align:right}.dashboard-empty{min-height:210px;color:var(--muted);text-align:center;place-items:center;padding:30px;display:grid}.dashboard-operations-panel{min-height:330px}.dashboard-operation-list li{align-items:center}.dashboard-operation-list strong{font-size:var(--font-size-md);text-align:right}.dashboard-updated{color:var(--muted);font-size:var(--font-size-xs);background:#f5f9ff;border-radius:10px;align-items:center;gap:9px;margin-top:18px;padding:12px;display:flex}@media (max-width:720px){.dashboard-error{flex-direction:column;align-items:flex-start}.recent-customer-row{grid-template-columns:40px minmax(0,1fr) auto}.recent-customer-row time{display:none}}.nav-group a.active{color:#fff;background:#49a6ff2e;box-shadow:inset 3px 0 #49a6ff}.customer-toolbar.two-column{grid-template-columns:minmax(280px,1fr) 190px}.customer-toolbar.one-column{grid-template-columns:1fr}.customer-form textarea,.simple-form input,.role-form input{width:100%;color:var(--ink);font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:10px 12px}.customer-form textarea{resize:vertical;min-height:90px}.primary-action{cursor:pointer;color:#fff;background:var(--brand);border:0;border-radius:10px;padding:11px 16px;font-weight:800}.primary-action:disabled{opacity:.6;cursor:wait}.icon-button{color:#54647e;cursor:pointer;background:#f0f4f9;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:inline-grid}.danger-icon{color:#b93636;background:#fff0f0}.row-actions,.hero-actions{align-items:center;gap:8px;display:flex}.ghost-light-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-weight:750;display:inline-flex}.table-empty{min-height:190px;color:var(--muted);align-content:center;place-items:center;gap:7px;display:grid}.table-empty strong{color:var(--ink)}.table-empty span{font-size:var(--font-size-sm)}.speed-chip,.session-online{align-items:center;gap:6px;display:inline-flex}.speed-chip{color:#24568f;background:#edf6ff;border-radius:8px;padding:6px 9px;font-weight:750}.session-online{color:#11845a;font-weight:750}.session-online>span{background:#1baf73;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1baf731f}.session-offline{color:var(--muted)}.status-badge.draft,.status-badge.pending{color:#65738a;background:#eef3fa}.status-badge.grace{color:#1761a8;background:#edf5ff}.status-badge.terminated{color:#a12828;background:#ffecec}.status-badge{cursor:default;border:0}button.status-badge{cursor:pointer}.check-field{grid-template-columns:18px 1fr;align-items:center;display:flex!important}.check-field input{width:16px;height:16px}.drawer-status-section{border-top:1px solid var(--line);padding:20px 24px 28px}.drawer-status-section label{color:#36445b;font-size:var(--font-size-sm);gap:8px;font-weight:750;display:grid}.drawer-status-section select{background:#fff;border:1px solid #d4deeb;border-radius:10px;padding:11px 12px}.drawer-status-section p{color:var(--muted);font-size:var(--font-size-sm);line-height:1.5}.small-modal,.wide-modal{background:#fff;border-radius:18px;max-height:92vh;overflow:auto;box-shadow:0 30px 90px #00000047}.small-modal{width:min(440px,100%)}.wide-modal{width:min(980px,100%)}.simple-form{gap:18px;padding:24px;display:grid}.simple-form label{font-size:var(--font-size-sm);gap:8px;font-weight:750;display:grid}.role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.role-card{min-height:190px}.role-card-heading,.role-card-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-icon.small{width:38px;height:38px}.role-card h3{margin:17px 0 7px}.role-card p{min-height:42px;color:var(--muted);font-size:var(--font-size-table);line-height:1.5}.role-card-meta{border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-size-sm);padding-top:14px}.soft-chip{color:#45617f;font-size:var(--font-size-xs);background:#edf3fb;border-radius:999px;padding:5px 8px;font-weight:800;display:inline-flex}.soft-chip.system{color:#1268e8;background:#e8f2ff}.chip-list{flex-wrap:wrap;gap:5px;display:flex}.field-title{color:#36445b;font-size:var(--font-size-sm);margin-bottom:8px;font-weight:750;display:block}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.selection-card{border:1px solid var(--line);cursor:pointer;border-radius:11px;padding:13px 14px;position:relative;gap:5px!important;display:grid!important}.selection-card.selected{border-color:var(--brand);background:#f2f8ff;box-shadow:0 0 0 3px #1268e814}.selection-card input{position:absolute;top:12px;right:12px}.selection-card small{color:var(--muted);padding-right:20px;font-weight:500}.role-form{padding:0 24px 24px}.role-form-header{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px 0;display:grid}.role-form-header label{font-size:var(--font-size-sm);gap:7px;font-weight:750;display:grid}.permission-editor{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;max-height:420px;padding:4px 2px 18px;display:grid;overflow:auto}.permission-editor section{border:1px solid var(--line);border-radius:12px;padding:13px}.permission-editor h4{text-transform:capitalize;margin:0 0 10px}.permission-editor label{border-top:1px solid #edf1f6;align-items:flex-start;gap:8px;padding:7px 0;display:flex}.permission-editor label span,.permission-editor label strong,.permission-editor label small{display:block}.permission-editor label small{color:var(--muted);margin-top:2px}@media (max-width:1100px){.role-grid,.permission-editor{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.customer-toolbar.two-column,.selection-grid,.role-form-header,.role-grid,.permission-editor{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap;width:100%}.compact-hero{flex-direction:column;align-items:flex-start}.customer-form{grid-template-columns:1fr}.full-field{grid-column:1}.wide-modal{width:100%}}.modern-shell>.sidebar{color:#14213d;background:#fff;border-right:1px solid #e6ebf3;padding:22px 16px}.modern-shell>.sidebar .brand{border-bottom:0;padding:2px 8px 26px}.modern-shell>.sidebar .brand span{color:#2477f3;font-weight:750}.modern-shell>.sidebar .nav-group{margin-top:15px}.modern-shell>.sidebar .nav-group p{color:#9aa6b8;margin:0 12px 7px}.modern-shell>.sidebar .nav-group a{color:#56647c;border-radius:11px;margin:3px 0;padding:10px 12px}.modern-shell>.sidebar .nav-group a:hover{color:#2477f3;background:#f2f6fc}.modern-shell>.sidebar .nav-group a.active{color:#fff;background:linear-gradient(135deg,#2477f3,#4a94ff);box-shadow:0 9px 20px #2477f333}.modern-main{min-width:0}.modern-topbar{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e6ebf3;align-items:center;gap:16px;min-height:72px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar-menu-button{color:#526079;cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:11px;place-items:center;width:40px;height:40px;display:none}.modern-topbar-title{min-width:210px}.modern-topbar-title h1{font-size:var(--font-size-lg);letter-spacing:-.02em;margin:0}.modern-topbar-title span{color:#7b879f;font-size:var(--font-size-xs)}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-icon-button{color:#526079;cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:grid}.topbar-icon-button:hover{color:#2477f3;background:#f7faff;border-color:#cfe0f7}.global-search{align-items:center;width:42px;transition:width .18s;display:flex;position:relative}.global-search.is-open{width:min(320px,42vw)}.global-search>svg{color:#91a0b6;pointer-events:none;position:absolute;left:14px}.global-search input{color:#14213d;background:#f8fafe;border:1px solid #e0e7f0;border-radius:12px;outline:none;width:100%;height:42px;padding:0 40px 0 42px}.global-search input:focus{background:#fff;border-color:#79b5ff;box-shadow:0 0 0 4px #2477f314}.global-search>button:not(.topbar-icon-button){color:#8794a8;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:grid;position:absolute;right:10px}.global-search-results{z-index:80;background:#fff;border:1px solid #e2e8f1;border-radius:14px;position:absolute;top:50px;left:0;right:0;overflow:hidden;box-shadow:0 24px 60px #1d3a702e}.global-search-caption{color:#56647c;font-size:var(--font-size-xs);border-bottom:1px solid #edf1f6;justify-content:space-between;padding:10px 13px;font-weight:750;display:flex}.global-search-caption small{color:#9aa6b8}.global-search-results>button{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f0f3f7;grid-template-columns:34px 1fr;gap:10px;width:100%;padding:11px 13px;display:grid}.global-search-results>button:hover{background:#f6f9fd}.global-search-results>button>span:last-child strong,.global-search-results>button>span:last-child small{display:block}.global-search-results>button>span:last-child strong{color:#182640;font-size:var(--font-size-sm)}.global-search-results>button>span:last-child small{color:#7f8ba0;font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.search-result-type{color:#2477f3;width:31px;height:31px;font-size:var(--font-size-xs);background:#eaf3ff;border-radius:9px;place-items:center;font-weight:900;display:grid}.type-service{color:#22a56d;background:#eaf8f1}.type-invoice{color:#df7d18;background:#fff2e5}.type-plan{color:#7259e8;background:#eeebff}.global-search-empty{color:#7b879f;text-align:center;font-size:var(--font-size-sm);padding:22px}.quick-action-wrap{position:relative}.quick-action-button.topbar-icon-button{color:#fff;background:linear-gradient(135deg,#2477f3,#4a94ff);border:0;box-shadow:0 8px 18px #2477f333}.quick-action-button.topbar-icon-button:hover{color:#fff;background:linear-gradient(135deg,#1f6ae0,#3f8af5);border-color:#0000}.quick-action-menu{z-index:70;background:#fff;border:1px solid #e2e8f1;border-radius:14px;min-width:200px;padding:8px;position:absolute;top:50px;right:0;box-shadow:0 20px 50px #1d3a7029}.quick-action-menu a,.quick-action-menu button{color:#34425a;width:100%;font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;padding:10px 11px;font-weight:700;text-decoration:none;display:flex}.quick-action-menu a:hover,.quick-action-menu button:hover{color:#2477f3;background:#f3f7fc}.notification-button{color:#526079;cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:11px;place-items:center;width:42px;height:42px;text-decoration:none;transition:background .15s,border-color .15s;display:grid;position:relative}.notification-button:hover,.notification-button.is-open{color:#2477f3;background:#f7faff;border-color:#cfe0f7}.notification-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:6px;right:6px}.topbar-notifications-wrap{position:relative}.topbar-notifications-panel{z-index:80;background:#fff;border:1px solid #e2e8f1;border-radius:16px;flex-direction:column;width:min(380px,100vw - 28px);max-height:min(70vh,480px);display:flex;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 24px 60px #1d3a702e}.topbar-notifications-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 12px;display:flex}.topbar-notifications-head strong,.topbar-notifications-head span{display:block}.topbar-notifications-head strong{font-size:var(--font-size-sm);color:#14213d}.topbar-notifications-head span{color:#8a97ab;font-size:var(--font-size-xs);margin-top:2px}.topbar-notifications-list{padding:6px;overflow:auto}.topbar-notification-item{border-radius:12px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:11px 10px;display:grid}.topbar-notification-item:hover{background:#f6f9fd}.topbar-notification-icon{color:#2477f3;background:#eaf3ff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.topbar-notification-item strong,.topbar-notification-item p,.topbar-notification-item small{display:block}.topbar-notification-item strong{color:#182640;font-size:var(--font-size-sm);line-height:1.3}.topbar-notification-item p{color:#5b6b84;font-size:var(--font-size-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;line-height:1.45;display:-webkit-box;overflow:hidden}.topbar-notification-item small{color:#91a0b6;text-transform:capitalize;margin-top:6px;font-size:11px}.topbar-notifications-empty{text-align:center;color:#8a97ab;font-size:var(--font-size-sm);padding:28px 16px}.topbar-profile-wrap{position:relative}.topbar-profile-button{cursor:pointer;background:#fff;border:1px solid #e3e9f2;border-radius:12px;align-items:center;gap:9px;height:42px;padding:0 10px 0 6px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.topbar-profile-button:hover,.topbar-profile-button.is-open{border-color:#cfe0f7;box-shadow:0 0 0 4px #2477f30f}.topbar-profile-copy{text-align:left;min-width:0}.topbar-profile-copy strong,.topbar-profile-copy span{display:block}.topbar-profile-copy strong{color:#14213d;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;line-height:1.2;overflow:hidden}.topbar-profile-copy span{color:#8996aa;text-transform:capitalize;margin-top:2px;font-size:11px}.topbar-profile-caret{color:#8a97ab;flex:none}.avatar{color:#fff;background:linear-gradient(145deg,#4f8fff,#1268e8);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.avatar.lg{border-radius:12px;width:42px;height:42px;font-size:13px}.topbar-profile-menu{z-index:90;background:#fff;border:1px solid #e2e8f1;border-radius:16px;width:min(280px,86vw);position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 24px 60px #1d3a702e}.topbar-profile-menu-head{background:linear-gradient(#f7faff 0%,#fff 100%);border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding:16px;display:flex}.topbar-profile-menu-head strong,.topbar-profile-menu-head span{display:block}.topbar-profile-menu-head strong{color:#14213d;font-size:14px;line-height:1.25}.topbar-profile-menu-head span{color:#7f8ba0;word-break:break-all;margin-top:3px;font-size:12px}.topbar-profile-menu-list{gap:2px;padding:8px;display:grid}.topbar-profile-menu-list a,.topbar-profile-signout button{color:#34425a;width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.topbar-profile-menu-list a:hover{color:#2477f3;background:#f3f7fc}.topbar-profile-signout{border-top:1px solid #edf1f6;margin:0;padding:8px}.topbar-profile-signout button{color:#dc2626}.topbar-profile-signout button:hover{background:#fff1f1}.isp-dashboard-page{background:#f4f7fb;min-height:calc(100vh - 72px);padding:20px 24px 34px}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.dashboard-page-title{letter-spacing:-.03em;color:#111e39;margin:0 0 6px;font-size:22px;line-height:1.15}.dashboard-live-chip{color:#1b9a68;font-size:var(--font-size-xs);align-items:center;gap:7px;font-weight:800;display:inline-flex}.dashboard-live-chip>span{background:#22b573;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #22b5731c}.dashboard-v2-error{color:#a93446;background:#fff4f5;border:1px solid #ffd2d8;border-radius:12px;align-items:center;gap:12px;margin-bottom:15px;padding:12px 14px;display:flex}.dashboard-v2-error span{font-size:var(--font-size-xs);flex:1}.dashboard-v2-error button{color:#fff;background:#ef476f;border:0;border-radius:8px;padding:8px 11px}.dashboard-kpi-row{gap:1.25rem!important;margin-bottom:28px!important}.dashboard-kpi-card{min-width:0;min-height:112px;overflow:hidden}.dashboard-kpi-card.is-loading{opacity:.66}.dashboard-v2-grid{align-items:stretch;gap:22px;margin-top:22px;display:grid}.isp-dashboard-page .dashboard-v2-grid+.dashboard-v2-grid{margin-top:22px}body.sidebar-open .modern-shell>.sidebar,body.sidebar-open .shell>.bretune-fixed-sidebar,body.sidebar-open .modern-shell>.bretune-fixed-sidebar,body.sidebar-open .bretune-fixed-sidebar{z-index:70!important;flex-direction:column!important;width:min(280px,86vw)!important;min-width:0!important;height:100vh!important;min-height:100vh!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-shadow:18px 0 50px #0f172a59!important}.topbar-nav-backdrop{z-index:65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:#07122673;border:0;position:fixed;inset:0}.dashboard-v2-grid-top{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr) minmax(0,.9fr)}.dashboard-v2-grid-mid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-panel{height:100%;flex-direction:column!important;min-width:0!important;display:flex!important;overflow:hidden!important}.dashboard-panel-head{border-bottom:0!important;flex:none!important;align-items:center!important;padding:16px 16px 0!important}.dashboard-panel-head [data-slot=card-title]{letter-spacing:-.01em;font-size:14px!important;font-weight:700!important}.dashboard-panel-body{flex:auto!important;min-height:0!important;padding:12px 16px 16px!important;overflow:hidden!important}.dashboard-card-link{color:#2477f3;white-space:nowrap;align-items:center;gap:3px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.dashboard-card-link:hover{text-decoration:underline}.dashboard-v2-grid-top .dashboard-panel{min-height:300px}.dashboard-chart-box{height:220px;min-height:0;overflow:hidden}.compact-list-card{min-height:300px}.dashboard-record-list{display:grid}.dashboard-record{border-bottom:1px solid #eef2f6;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 0;display:grid}.dashboard-record:last-child{border-bottom:0}.record-icon{color:#2477f3;background:#eaf3ff;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.record-icon.invoice{color:#ec8b24;background:#fff2e5}.record-icon.router{color:#22a56d;background:#eaf8f1}.dashboard-record>div:nth-child(2){min-width:0}.dashboard-record>div:nth-child(2) strong,.dashboard-record>div:nth-child(2) small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-record>div:nth-child(2) strong{font-size:var(--font-size-xs)}.dashboard-record>div:nth-child(2) small{color:#909caf;font-size:var(--font-size-xs);margin-top:3px}.record-value{text-align:right;min-width:0}.record-value>strong{font-size:var(--font-size-xs);white-space:nowrap;display:block}.mini-status{text-transform:uppercase;border-radius:999px;margin-top:4px;padding:3px 6px;font-size:10px;font-weight:800;display:inline-flex}.mini-status.online{color:#168258;background:#e7f7ef}.mini-status.danger{color:#bd3451;background:#ffecef}.mini-status.warning{color:#bd741d;background:#fff2e3}.dashboard-list-empty{color:#9aa6b8;text-align:center;min-height:180px;font-size:var(--font-size-xs);place-items:center;display:grid}.network-map{background:linear-gradient(25deg,#0000 48%,#dce3ed 49% 51%,#0000 52%) 0 0/70px 70px,linear-gradient(-33deg,#0000 48%,#e4e9f0 49% 51%,#0000 52%) 0 0/85px 85px,linear-gradient(90deg,#f2f5f8 49%,#e5edf7 50%,#f2f5f8 64%) 0 0/100% 100%;border-radius:12px;height:220px;position:relative;overflow:hidden}.network-map-pin{color:#2477f3;filter:drop-shadow(0 5px 8px #2477f347);position:absolute;transform:translate(-50%,-50%)}.network-map-empty{color:#91a0b4;text-align:center;font-size:var(--font-size-xs);place-items:center;display:grid;position:absolute;inset:0}.network-map-summary{background:#fffffff0;border-radius:9px;padding:8px 10px;position:absolute;bottom:9px;right:9px;box-shadow:0 8px 18px #1d3a701f}.network-map-summary strong,.network-map-summary span{display:block}.network-map-summary strong{font-size:var(--font-size-base)}.network-map-summary span{color:#8b97aa;font-size:var(--font-size-xs)}.system-health-card{margin-top:22px;min-height:0!important}.last-refresh{color:#8c98aa;font-size:var(--font-size-xs);align-items:center;gap:5px;display:inline-flex}.health-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.health-metric{background:#fff;border:1px solid #e7ecf3;border-radius:12px;min-width:0;padding:16px 16px 15px}.health-metric span,.health-metric strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.health-metric span{color:#8995a8;font-size:var(--font-size-xs);font-weight:650}.health-metric strong{color:#111e39;margin-top:6px;font-size:16px}.health-metric.online{background:#f5fcf8;border-color:#d7f0e4}.health-metric.danger{background:#fff7f8;border-color:#f7d7de}.health-metric.warning{background:#fffaf2;border-color:#f5e3c7}@media (max-width:1480px){.dashboard-v2-grid-top,.dashboard-v2-grid-mid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-profile-copy{display:none}}@media (max-width:1050px){.modern-shell{grid-template-columns:210px minmax(0,1fr)}.global-search.is-open{width:min(280px,48vw)}.health-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.modern-shell{grid-template-columns:minmax(0,1fr);display:block}.modern-shell>.sidebar,.shell>.bretune-fixed-sidebar,.modern-shell>.bretune-fixed-sidebar,.bretune-fixed-sidebar{display:none!important}.modern-topbar{flex-wrap:nowrap;gap:10px;padding:10px 14px}.topbar-menu-button{place-items:center;display:grid}.modern-topbar-title{flex:auto;min-width:0}.modern-topbar-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.modern-topbar-title span{display:none}.topbar-actions{flex:none;gap:8px}.global-search.is-open{z-index:80;width:min(360px,100vw - 28px);position:absolute;top:58px;right:14px}.topbar-profile-button{padding-right:8px}.isp-dashboard-page{padding:15px}.dashboard-toolbar{align-items:flex-start}.dashboard-v2-grid-top,.dashboard-v2-grid-mid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.modern-shell{display:block}}.billing-page .primary-button{align-items:center;gap:8px;display:inline-flex}.billing-page select,.billing-page input,.billing-profile-modal select,.billing-profile-modal input{color:var(--ink);font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:10px 12px}.billing-page select:focus,.billing-page input:focus,.billing-profile-modal select:focus,.billing-profile-modal input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1268e81a}.status-badge.issued,.status-badge.completed{color:#1761a8;background:#e8f2ff}.status-badge.partially_paid,.status-badge.partially_applied{color:#9b5b00;background:#fff2dc}.status-badge.paid,.status-badge.applied{color:#11845a;background:#e6f8f0}.status-badge.overdue,.status-badge.void,.status-badge.reversed,.status-badge.failed{color:#a12828;background:#ffecec}.billing-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.billing-line:last-child{border-bottom:0}.billing-line>div{min-width:0}.billing-line strong,.billing-line small{display:block}.billing-line small,.muted-copy,.form-note{color:var(--muted);font-size:var(--font-size-sm);line-height:1.5}.form-note{background:#f5f9ff;border-radius:9px;margin:0;padding:11px 13px}.billing-workspace{grid-template-columns:1.45fr 1fr;gap:16px;margin:20px 0;display:grid}.billing-run-control,.collections-panel{min-height:330px}.run-date-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:20px;display:flex}.run-date-row label{color:#36445b;font-size:var(--font-size-sm);gap:7px;font-weight:750;display:grid}.run-date-row button{align-items:center;gap:7px;display:inline-flex}.preview-card{border:1px solid var(--line);border-radius:13px;margin-top:18px;overflow:hidden}.preview-kpis{border-bottom:1px solid var(--line);background:#f6f9fd;grid-template-columns:repeat(4,1fr);display:grid}.preview-kpis div{border-right:1px solid var(--line);padding:13px}.preview-kpis div:last-child{border-right:0}.preview-kpis span,.preview-kpis strong{display:block}.preview-kpis span{color:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.preview-kpis strong{font-size:var(--font-size-lg);margin-top:5px}.preview-list,.candidate-list{padding:5px 14px}.warning-note{color:#8a5500;font-size:var(--font-size-sm);background:#fff7e9;border-radius:9px;align-items:center;gap:8px;margin:12px;padding:10px 12px;display:flex}.collections-panel .row-actions{flex-wrap:wrap;margin-top:18px}.danger-action{background:#b93636}.billing-history{margin-top:16px}.billing-panel-heading{padding:19px 20px 14px}.billing-profile-modal{width:min(1050px,100%)}.billing-profile-grid{grid-template-columns:360px 1fr;min-height:520px;display:grid}.billing-profile-form{border-right:1px solid var(--line);background:#f8fafc;align-content:start;gap:14px;padding:22px 24px;display:grid}.billing-profile-form h4,.ledger-panel h4{margin:0 0 4px}.billing-profile-form label{color:#36445b;font-size:var(--font-size-sm);gap:7px;font-weight:750;display:grid}.billing-profile-form .check-field{grid-template-columns:18px 1fr}.billing-profile-form .check-field input{width:16px;height:16px}.ledger-panel{min-width:0;padding:22px 24px}.ledger-heading{background:#f2f7ff;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:16px;display:flex}.ledger-heading span,.ledger-heading strong{display:block}.ledger-heading>div>span{color:var(--muted);font-size:var(--font-size-xs)}.ledger-heading>div>strong{font-size:var(--font-size-kpi);margin-top:5px}.ledger-list{border-top:1px solid var(--line);max-height:410px;overflow:auto}.ledger-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:13px 2px;display:flex}.ledger-row strong,.ledger-row small,.ledger-values span{display:block}.ledger-row small{color:var(--muted);font-size:var(--font-size-xs);margin-top:3px}.ledger-values{text-align:right}.ledger-values span{color:var(--muted);font-size:var(--font-size-xs)}.ledger-values strong{margin-top:4px}@media (max-width:980px){.billing-workspace,.billing-profile-grid{grid-template-columns:1fr}.billing-profile-form{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:700px){.preview-kpis{grid-template-columns:repeat(2,1fr)}.billing-line{align-items:flex-start}}.billing-automation-panel{margin-top:16px;padding:18px}.automation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.automation-grid>label{color:#36445b;font-size:var(--font-size-sm);gap:7px;font-weight:750;display:grid}.automation-grid select{width:100%;color:var(--ink);background:#fff;border:1px solid #d4deeb;border-radius:10px;padding:10px 12px}.automation-grid .check-field{border:1px solid var(--line);background:#f8fbff;border-radius:10px;min-height:44px;padding:10px 12px}.automation-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:15px;display:flex}.automation-actions p{color:var(--muted);font-size:var(--font-size-sm);margin:0;line-height:1.5}.status-badge.inactive{color:#647188;background:#eef1f5}@media (max-width:1000px){.automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.automation-grid{grid-template-columns:1fr}.automation-actions{flex-direction:column;align-items:flex-start}}.network-page{gap:18px;display:grid}.network-page .compact-hero{margin-bottom:0}.network-page select{color:var(--ink);font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:10px 12px}.network-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.site-card{flex-direction:column;min-height:245px;padding:18px;display:flex}.site-card-top,.panel-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.network-icon{width:42px;height:42px;color:var(--brand);background:#e9f3ff;border-radius:13px;flex:none;place-items:center;display:inline-grid}.network-icon.small{border-radius:10px;width:34px;height:34px}.site-code{color:var(--brand);font-size:var(--font-size-xs);letter-spacing:.08em;margin-top:18px;font-weight:900}.site-card h3{font-size:var(--font-size-lg);margin:5px 0 7px}.site-card>p{color:var(--muted);min-height:38px;font-size:var(--font-size-sm);margin:0 0 13px;line-height:1.55}.site-location{color:#687993;font-size:var(--font-size-xs);align-items:center;gap:7px;display:flex}.site-card-metrics{grid-template-columns:1fr 1fr;gap:9px;margin:auto 0 14px;padding-top:18px;display:grid}.site-card-metrics span{color:#65758b;font-size:var(--font-size-xs);background:#f6f9fd;border-radius:9px;align-items:center;gap:6px;padding:9px;display:flex}.site-card-metrics strong{color:var(--ink);font-size:var(--font-size-table)}.network-empty{text-align:center;min-height:220px;color:var(--muted);align-content:center;place-items:center;padding:30px;display:grid}.network-empty h3{color:var(--ink);margin:12px 0 4px}.network-empty p{max-width:390px;font-size:var(--font-size-sm);margin:0;line-height:1.55}.network-empty.compact{min-height:110px;padding:18px}.network-empty.compact p{margin-top:8px}.check-field{border:1px solid var(--line);background:#f8fbff;border-radius:10px;align-items:flex-start;padding:11px 12px;flex-direction:row!important;gap:10px!important;display:flex!important}.check-field input{margin-top:3px;width:auto!important}.check-field span{gap:3px;display:grid}.check-field strong{font-size:var(--font-size-sm)}.check-field small{color:var(--muted);font-size:var(--font-size-xs)}.panel-section-heading{border-bottom:1px solid var(--line);padding:17px 18px}.panel-section-heading h3{font-size:var(--font-size-base);margin:0 0 4px}.panel-section-heading p{color:var(--muted);font-size:var(--font-size-xs);margin:0}.device-name{align-items:center;gap:10px;display:flex}.device-name>span:last-child{min-width:0}.device-error{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden;color:#c14141!important}.table-actions{align-items:center;gap:6px;display:flex}.command-panel,.auth-panel{overflow:hidden}.command-list{display:grid}.command-row{border-bottom:1px solid #eef1f6;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px 17px;display:grid}.command-row:last-child{border-bottom:0}.command-row>div{gap:3px;min-width:0;display:grid}.command-row strong{font-size:var(--font-size-xs)}.command-row small{color:var(--muted);font-size:var(--font-size-xs)}.command-row em{color:#bd3939;font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.command-icon{color:#7b879c;background:#f3f6fa;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.command-icon.completed{color:#15935d;background:#e9f8f0}.command-icon.failed{color:#d34242;background:#fff0f0}.command-icon.running,.command-icon.queued{color:var(--brand);background:#edf5ff}.compact-button{min-height:34px;padding:8px 10px!important}.router-modal{width:min(820px,100%)}.router-easy-form .router-setup-intro{color:var(--muted);font-size:var(--font-size-sm);margin:0;font-weight:500;line-height:1.5}.router-easy-form .field-hint{color:var(--muted);font-size:var(--font-size-xs);margin-top:2px;font-weight:500;line-height:1.4;display:block}.router-advanced{gap:12px;display:grid}.router-advanced-toggle{color:var(--brand);font:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:750}.router-advanced-toggle:hover{text-decoration:underline}.router-advanced-grid{border:1px solid var(--line);background:#f8fbff;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:14px;display:grid}.router-advanced-grid .full-field{grid-column:1/-1}.mikrotik-device-copy{gap:3px;min-width:0;display:grid}.mikrotik-device-error{color:#b72d2d;font-size:var(--font-size-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:320px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}@media (max-width:760px){.router-advanced-grid{grid-template-columns:1fr}}.form-note{color:#536983;align-items:center;gap:9px;display:flex}.ipam-layout{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);align-items:start;gap:16px;display:grid}.allocation-panel{min-height:480px;overflow:hidden}.allocation-list{max-height:620px;display:grid;overflow:auto}.allocation-row{border-bottom:1px solid #eef1f6;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px 15px;display:grid}.allocation-row>div{gap:3px;min-width:0;display:grid}.allocation-row strong{font-size:var(--font-size-sm)}.allocation-row small,.allocation-row em{color:var(--muted);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.selected-row{background:#f3f8ff!important}.link-button-inline{color:var(--brand);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:0;padding:4px 0 0;font-weight:800;display:block}.single-column-form{grid-template-columns:1fr!important}.radius-stats{grid-template-columns:repeat(6,minmax(0,1fr))!important}.radius-toolbar{grid-template-columns:minmax(260px,1fr) 190px 220px!important}.radius-table th,.radius-table td{white-space:nowrap}.traffic-cell{gap:5px;display:grid}.traffic-cell span{font-size:var(--font-size-xs);color:#5e6f86;align-items:center;gap:5px;display:flex}.danger-text{color:#c73d3d!important}.last-auth{color:var(--muted);font-size:var(--font-size-xs);align-items:center;gap:7px;display:flex}.auth-event-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.auth-event{border-bottom:1px solid #eef1f6;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px;display:grid}.auth-event:nth-child(odd){border-right:1px solid #eef1f6}.auth-event>div{gap:3px;min-width:0;display:grid}.auth-event strong{font-size:var(--font-size-xs)}.auth-event small,.auth-event em{color:var(--muted);font-size:var(--font-size-xs);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}.auth-icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.auth-icon.accepted{color:#16885a;background:#eaf8f1}.auth-icon.rejected{color:#c33c3c;background:#fff0f0}.status-badge.online,.status-badge.completed{color:#15935d;background:#e9f8f0}.status-badge.closed,.status-badge.inactive{color:#66758a;background:#eef2f6}.status-badge.failed,.status-badge.error{color:#c83d3d;background:#fff0f0}.status-badge.running,.status-badge.queued,.status-badge.pending{color:var(--brand);background:#edf5ff}@media (max-width:1400px){.network-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radius-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.auth-event-grid{grid-template-columns:1fr}.auth-event:nth-child(odd){border-right:0}}@media (max-width:1050px){.ipam-layout{grid-template-columns:1fr}.radius-toolbar{grid-template-columns:1fr!important}}@media (max-width:760px){.network-card-grid{grid-template-columns:1fr}.radius-stats{grid-template-columns:1fr 1fr!important}.command-row{grid-template-columns:38px minmax(0,1fr) auto}.command-row .compact-button{grid-column:2/-1;justify-self:start}.site-card-metrics{grid-template-columns:1fr}}.ops-page{gap:18px;display:grid}.ops-page select,.simple-form select,.customer-form select{color:var(--ink);font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:10px 12px}.click-row,.click-cell{cursor:pointer}.click-row:hover td,.click-cell:hover{background:#f7fbff}.data-table td small{color:var(--muted);font-size:var(--font-size-xs);align-items:center;gap:4px;margin-top:4px;display:flex}.status-badge.urgent{color:#b72d2d;background:#ffecec}.status-badge.high{color:#a65c00;background:#fff1e3}.status-badge.normal{color:#2767ad;background:#edf5ff}.status-badge.low{color:#68778c;background:#eef2f6}.status-badge.open,.status-badge.in_progress,.status-badge.confirmed,.status-badge.scheduled{color:#2167b4;background:#edf5ff}.status-badge.waiting_customer,.status-badge.blocked{color:#a65c00;background:#fff1e3}.status-badge.resolved,.status-badge.completed,.status-badge.delivered{color:#15935d;background:#e9f8f0}.status-badge.cancelled{color:#68778c;background:#eef2f6}.ticket-detail{width:min(1050px,100%)}.ticket-detail-grid{grid-template-columns:minmax(0,1fr) 280px;display:grid}.ticket-description{color:#43536a;border-bottom:1px solid var(--line);margin:0;padding:22px 24px;line-height:1.65}.comment-list{padding:0 24px}.comment-list article{border-bottom:1px solid var(--line);padding:16px 0}.comment-list article strong,.comment-list article small{display:block}.comment-list article small{color:var(--muted);font-size:var(--font-size-xs);margin-top:3px}.comment-list article p{line-height:1.55;font-size:var(--font-size-table);margin:8px 0 0}.comment-form{gap:10px;padding:18px 24px;display:grid}.comment-form textarea{resize:vertical;border:1px solid #d4deeb;border-radius:10px;padding:12px}.comment-form button{justify-self:end}.ticket-side{border-left:1px solid var(--line);background:#fafcff;align-content:start;gap:18px;padding:22px;display:grid}.ticket-side label,.ticket-side>div{gap:6px;display:grid}.ticket-side span{color:var(--muted);font-size:var(--font-size-xs);text-transform:uppercase;font-weight:800}.ticket-side strong{font-size:var(--font-size-table)}.ticket-side small{color:var(--muted)}.stock-use-row{grid-template-columns:1fr 90px 140px;gap:8px;margin-bottom:8px;display:grid}.compact-check{white-space:nowrap;width:auto!important}.danger-text{color:#c73d3d!important;display:flex!important}.movement-list{max-height:650px;display:grid;overflow:auto}.movement-list article{border-bottom:1px solid var(--line);grid-template-columns:95px 1fr auto;align-items:center;gap:14px;padding:15px 20px;display:grid}.movement-list article>div{gap:4px;display:grid}.movement-list small,.movement-list time{color:var(--muted);font-size:var(--font-size-xs)}.stock-type{font-size:var(--font-size-xs);background:#eef3f8;border-radius:8px;justify-content:center;padding:6px 8px;font-weight:800;display:inline-flex}.stock-type.receive,.stock-type.return{color:#15935d;background:#e9f8f0}.stock-type.issue,.stock-type.write_off{color:#c83d3d;background:#fff0f0}.notification-list{display:grid}.notification-list article{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 135px;gap:13px;padding:15px 18px;display:grid}.notification-icon{width:40px;height:40px;color:var(--brand);background:#eaf3ff;border-radius:12px;place-items:center;display:grid}.notification-list article>div{min-width:0}.notification-list strong,.notification-list small{display:block}.notification-list small,.notification-list time{color:var(--muted);font-size:var(--font-size-xs);margin-top:3px}.notification-list p{color:#53657c;font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;margin:8px 0 0;overflow:hidden}.notification-list em{color:#c83d3d;font-size:var(--font-size-xs)}.notification-list aside{align-content:start;justify-items:end;gap:7px;display:grid}.template-chips{flex-wrap:wrap;gap:6px;display:flex}.report-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-kpis article{gap:8px;padding:18px;display:grid}.report-kpis svg{color:var(--brand)}.report-kpis span{color:var(--muted);font-size:var(--font-size-xs)}.report-kpis strong{font-size:var(--font-size-kpi)}.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.report-card{padding:18px}.report-card h3{margin:0 0 15px}.metric-row{border-bottom:1px solid var(--line);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.metric-row span{gap:3px;display:grid}.metric-row small,.muted-copy{color:var(--muted);font-size:var(--font-size-xs)}.export-panel{overflow:hidden}.export-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;display:grid}.export-card{border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:var(--font-size-sm);border-radius:11px;justify-content:space-between;align-items:center;padding:14px;text-decoration:none;display:flex}.export-card:hover{color:var(--brand);background:#f6faff;border-color:#a9c9f6}.audit-detail{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.audit-detail>div{gap:5px;display:grid}.audit-detail span{font-size:var(--font-size-xs);color:var(--muted);text-transform:uppercase;font-weight:800}.full-audit{grid-column:1/-1}.audit-detail pre{color:#dce8f7;max-height:300px;font-size:var(--font-size-xs);white-space:pre-wrap;background:#101b2e;border-radius:10px;padding:14px;overflow:auto}.search-box input:disabled{opacity:.5}@media (max-width:1200px){.report-kpis,.report-grid,.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.ticket-detail-grid{grid-template-columns:1fr}.ticket-side{border-left:0;border-top:1px solid var(--line)}.stock-use-row{grid-template-columns:1fr}.notification-list article{grid-template-columns:42px 1fr}.notification-list aside{grid-column:2;justify-items:start}.report-kpis,.report-grid,.export-grid,.audit-detail{grid-template-columns:1fr}.full-audit{grid-column:auto}}.modern-shell{grid-template-columns:248px minmax(0,1fr)}.reference-sidebar{color:#fff;height:100vh;min-height:100vh;box-shadow:none;background:linear-gradient(#061c3a 0%,#07284f 56%,#082b53 100%);border-right:0;flex-direction:column;padding:22px 14px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.reference-brand{align-items:center;gap:12px;padding:1px 10px 24px;display:flex}.reference-brand-mark{color:#fff;width:48px;height:48px;font-size:var(--font-size-kpi);letter-spacing:-3px;background:linear-gradient(145deg,#0b68f5,#1e8bff);border-radius:14px;place-items:center;font-style:italic;font-weight:900;display:grid;box-shadow:0 10px 28px #106dff47}.reference-brand strong,.reference-brand span{display:block}.reference-brand strong{color:#fff;font-size:var(--font-size-lg);letter-spacing:-.35px;line-height:1.05}.reference-brand span{color:#c0d3ea;font-size:var(--font-size-sm);margin-top:5px}.reference-nav{gap:4px;display:grid}.reference-nav-link{color:#e5eef9;min-height:44px;font-size:var(--font-size-table);border-radius:9px;align-items:center;gap:13px;padding:0 13px;font-weight:640;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:flex;position:relative}.reference-nav-link:hover{color:#fff;background:#ffffff12;transform:translate(1px)}.reference-nav-link.active{color:#fff;background:linear-gradient(90deg,#1469e9 0%,#247cff 100%);box-shadow:0 8px 18px #1469e945,inset 0 1px #ffffff21}.reference-nav-link em{color:#fff;min-width:21px;height:21px;font-size:var(--font-size-xs);background:#176efa;border-radius:999px;place-items:center;margin-left:auto;padding:0 5px;font-style:normal;font-weight:850;display:grid}.reference-nav-link.active em{color:#176efa;background:#fff}.reference-help-card{background:#1f497ea1;border:1px solid #ffffff12;border-radius:12px;margin-top:auto;padding:17px;box-shadow:0 14px 30px #000a1c1f}.reference-help-title{color:#fff;align-items:center;gap:10px;display:flex}.reference-help-title strong{font-size:var(--font-size-table)}.reference-help-card p{color:#d5e4f5;font-size:var(--font-size-xs);margin:12px 0 15px;line-height:1.55}.reference-help-card a{color:#fff;min-height:38px;font-size:var(--font-size-sm);background:linear-gradient(90deg,#1168e8,#1e75f9);border-radius:7px;place-items:center;font-weight:800;text-decoration:none;display:grid;box-shadow:0 8px 18px #0058e140}.subscribers-v2{width:100%;max-width:none;padding:22px 24px 30px}.subscriber-table-card{background:#fff;border:1px solid #e6edf5;border-radius:13px;overflow:visible;box-shadow:0 6px 21px #162b4b0d}.subscriber-table-card [data-slot=card-header],.subscriber-table-toolbar{min-height:72px;border-bottom:1px solid #e8edf4!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:14px 16px!important;display:flex!important}.subscriber-table-toolbar>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:100%;display:flex}.subscriber-table-toolbar [data-slot=card-title],.subscriber-table-toolbar h3{color:#14213b;letter-spacing:-.2px;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.subscriber-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.list-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;width:100%;min-width:0;display:flex}.subscriber-search{color:#6e7e99;background:#fff;border:1px solid #dce4ef;border-radius:8px;align-items:center;gap:9px;width:min(360px,34vw);min-width:220px;min-height:40px;padding:0 12px;display:flex}.list-toolbar-search{color:#6e7e99;background:#fff;border:1px solid #dce4ef;border-radius:8px;flex:240px;align-items:center;gap:9px;width:min(360px,34vw);min-width:220px;min-height:40px;padding:0 12px;display:flex}.subscriber-search input,.list-toolbar-search input{color:#172640;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:13.5px}.subscriber-search input::placeholder,.list-toolbar-search input::placeholder{color:#8794aa}.subscriber-tool-button,.subscriber-add-button,.list-toolbar-button,.list-toolbar-primary{min-height:40px;font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.subscriber-tool-button{color:#263653;background:#fff;border:1px solid #dbe3ed}.subscriber-tool-button:hover,.subscriber-tool-button.active{color:#1268e8;background:#f4f8ff;border-color:#b8d1f6}.subscriber-add-button{color:#fff;background:linear-gradient(90deg,#1268e8,#247cff);border:1px solid #1268e8;box-shadow:0 7px 17px #1268e833}.list-toolbar-button{color:#263653;background:#fff;border:1px solid #dbe3ed}.list-toolbar-button:hover,.list-toolbar-button.active{color:#1268e8;background:#f4f8ff;border-color:#b8d1f6}.list-toolbar-primary{color:#fff;background:linear-gradient(90deg,#1268e8,#247cff);border:1px solid #1268e8;box-shadow:0 7px 17px #1268e833}.list-toolbar-columns{position:relative}.list-toolbar-filter-panel{background:#f8fafc;border:1px solid #e6edf6;border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 12px;padding:12px 14px;display:flex}.list-toolbar-filter-panel label{color:#64748b;gap:5px;font-size:12px;font-weight:600;display:grid}.list-toolbar-filter-panel select,.list-toolbar-filter-panel input{color:#0f1c33;font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;min-width:140px;padding:9px 11px}.subscriber-columns-wrap{position:relative}.subscriber-columns-menu{z-index:40;background:#fff;border:1px solid #e2e8f1;border-radius:12px;width:min(280px,80vw);max-height:min(70vh,420px);padding:10px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 18px 44px #1d3a7029}.subscriber-columns-menu-head{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:4px 4px 10px;display:flex}.subscriber-columns-menu-head strong{color:#14213d;font-size:13px}.subscriber-columns-menu-head div{gap:8px;display:flex}.subscriber-columns-menu-head button{color:#1268e8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.subscriber-column-option{color:#24324d;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 6px;font-size:13px;font-weight:600;display:flex}.subscriber-column-option:hover{background:#f5f8fc}.subscriber-column-option input{accent-color:#1268e8;width:15px;height:15px}.subscriber-active-filters{color:#5d6c83;background:#f8fbff;border-bottom:1px solid #e8edf4;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.subscriber-filter-chip{color:#1d4ed8;min-height:28px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d5e3f7;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:700;display:inline-flex}.subscriber-filter-chip:hover{background:#eef5ff}.subscriber-clear-filters{color:#1268e8;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:2px;font-size:13px;font-weight:700}.subscriber-filter-drawer{z-index:90;background:#fff;flex-direction:column;width:min(420px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 50px #0f172a2e}.subscriber-filter-drawer-head{border-bottom:1px solid #e8edf4;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.subscriber-filter-drawer-head h3{color:#14213b;margin:4px 0 0;font-size:18px}.subscriber-filter-drawer-body{flex:1;align-content:start;gap:14px;padding:18px 20px;display:grid;overflow:auto}.subscriber-filter-drawer-body label{color:#36455d;gap:7px;font-size:13px;font-weight:700;display:grid}.subscriber-filter-drawer-body select,.subscriber-filter-drawer-body input{color:#172640;min-height:40px;font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;outline:none;padding:0 12px;font-size:13.5px}.subscriber-filter-drawer-body select:disabled{color:#8a97ab;cursor:not-allowed;background:#f5f7fa}.subscriber-filter-date-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.subscriber-filter-drawer-foot{background:#fafcff;border-top:1px solid #e8edf4;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.subscriber-table-scroll{overflow-x:auto}.subscriber-table{border-collapse:collapse;color:#1d2b46;width:100%;min-width:1180px;font-size:13.5px}.subscriber-table th{color:#1d2942;text-align:left;white-space:nowrap;text-transform:none;letter-spacing:0;vertical-align:middle;background:#fbfcfe;border-bottom:1px solid #e7edf4;height:auto;padding:14px 15px;font-size:13px;font-weight:700}.subscriber-table td{vertical-align:middle;border-bottom:1px solid #edf1f6;height:auto;padding:15px;font-size:13.5px}.subscriber-table tbody tr{transition:background .14s}.subscriber-table tbody tr:hover{background:#f8fbff}.subscriber-click-row{cursor:pointer}.subscriber-row-number{color:#253654;width:40px;font-size:13px;font-weight:700}.subscriber-name-cell{align-items:center;gap:12px;min-width:210px;max-width:280px;display:flex}.subscriber-name-cell>div{min-width:0}.subscriber-name-cell strong,.subscriber-name-cell small{display:block}.subscriber-name-cell strong{color:#1a2740;text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:14px;font-weight:600;overflow:hidden}.subscriber-name-cell small{color:#65758e;text-overflow:ellipsis;white-space:nowrap;max-width:210px;margin-top:3px;font-size:12.5px;font-weight:500;overflow:hidden}.subscriber-avatar{border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:12.5px;font-weight:800;display:grid}.subscriber-avatar.avatar-0{color:#1268e8;background:#e6f1ff}.subscriber-avatar.avatar-1{color:#11934c;background:#e9f8ef}.subscriber-avatar.avatar-2{color:#5d42dd;background:#efedff}.subscriber-avatar.avatar-3{color:#ec741c;background:#fff0e4}.subscriber-account,.subscriber-username,.subscriber-date{white-space:nowrap}.subscriber-account{color:#2b4166;font-size:13.5px;font-weight:600}.subscriber-username{color:#1d2e4d}.subscriber-ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:180px;display:inline-block;overflow:hidden}.subscriber-muted{color:#8a97ab}.subscriber-connection{border-radius:6px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.subscriber-connection.active{color:#04913b;background:#e6f8eb}.subscriber-connection.suspended{color:#e43131;background:#ffeaea}.subscriber-connection.pending{color:#dd7a0a;background:#fff1df}.subscriber-connection.inactive,.subscriber-connection.offline{color:#66748b;background:#eef1f5}.subscriber-balance{white-space:nowrap;font-size:13.5px;font-weight:600}.subscriber-balance.clear{color:#04913b}.subscriber-balance.due{color:#e23939}.subscriber-session-cell{min-width:130px}.subscriber-session-cell strong,.subscriber-session-cell small{display:block}.subscriber-session-cell strong{color:#253a5d;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13.5px;font-weight:600;overflow:hidden}.subscriber-session-cell small{color:#65758e;white-space:nowrap;margin-top:3px;font-size:12.5px}.subscriber-session-cell small.session-live{color:#4a6d5a}.session-dot{vertical-align:1px;background:#12b553;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.subscriber-date{font-size:13.5px}.subscriber-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:relative}.subscriber-more-wrap{position:relative}.subscriber-actions .subscriber-more{color:#50627f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:32px;min-height:32px;padding:0;display:grid}.subscriber-actions .subscriber-more:hover{background:#f4f8ff;border-color:#dce5f0}.subscriber-row-menu{z-index:35;background:#fff;border:1px solid #e2e8f1;border-radius:12px;gap:2px;width:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #1d3a7029}.subscriber-row-menu button{color:#24324d;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.subscriber-row-menu button:hover:not(:disabled){color:#1268e8;background:#f4f8ff}.subscriber-row-menu button:disabled{color:#9aa6b8;cursor:not-allowed}.subscriber-table-message{color:#7d8ba0;text-align:center;font-size:14px;height:210px!important}.subscriber-table-footer-wrap{padding:0!important}.subscriber-table-footer{color:#65758e;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;padding:10px 16px;font-size:13px;display:flex}.subscriber-pagination{align-items:center;gap:7px;display:flex}.subscriber-pagination button{color:#263753;min-width:34px;height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce4ee;border-radius:7px;place-items:center;font-size:13px;font-weight:700;display:grid}.subscriber-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8;box-shadow:0 6px 14px #1268e833}.subscriber-pagination button:disabled{opacity:.45;cursor:not-allowed}.subscriber-page-ellipsis{text-align:center;color:#6f7e95;min-width:22px}@media (max-width:1500px){.subscriber-search,.list-toolbar-search{width:min(340px,32vw)}}@media (max-width:1180px){.subscriber-toolbar-actions{justify-content:flex-start;width:100%}.subscriber-search{flex:280px;width:min(420px,100%)}.list-toolbar{justify-content:flex-start;width:100%}.list-toolbar-search{flex:280px;width:min(420px,100%)}}@media (max-width:820px){.subscribers-v2{padding:15px}.subscriber-table-footer{flex-direction:column;align-items:flex-start}.subscriber-filter-date-row{grid-template-columns:1fr}}@media (max-width:620px){.subscriber-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.subscriber-search{grid-column:1/-1;width:100%;min-width:0}.subscriber-add-button{grid-column:1/-1;width:100%}.subscriber-tool-button{width:100%}.list-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.list-toolbar-search{grid-column:1/-1;width:100%;min-width:0}.list-toolbar-primary{grid-column:1/-1;width:100%}.list-toolbar-button{width:100%}}.payments-reference-page{gap:18px;display:grid}.payments-ref-heading h1{font-size:var(--font-size-kpi);color:#0f172a;margin:0;font-weight:800}.payments-ref-heading p{color:#64748b;margin:6px 0 0}.payments-reference-panel{padding:0;overflow:visible}.payments-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 16px;display:flex}.payments-toolbar h3{font-size:var(--font-size-lg);margin:0}.payments-toolbar p{color:#64748b;font-size:var(--font-size-table);margin:4px 0 0}.payments-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.payment-wide-search{min-width:350px}.payments-filter-bar{justify-content:space-between;align-items:end;gap:12px;padding:0 24px 16px;display:flex}.payments-filter-bar label{color:#334155;font-size:var(--font-size-sm);gap:7px;font-weight:700;display:grid}.payments-filter-bar select{min-width:220px}.payments-reference-table th,.payments-reference-table td{white-space:nowrap}.payments-reference-table tbody tr:hover{background:#f8fbff}.method-chip{font-size:var(--font-size-xs);border-radius:7px;align-items:center;padding:5px 9px;font-weight:700;display:inline-flex}.method-chip.blue{color:#2563eb;background:#e8f0ff}.method-chip.purple{color:#7c3aed;background:#f3ebff}.method-chip.orange{color:#ea580c;background:#fff2e5}.method-chip.green{color:#15803d;background:#e9f9ef}.method-chip.cyan{color:#0e7490;background:#e7f9fb}.payment-actions-cell{text-align:right;position:relative}.payment-action-menu-wrap{display:inline-block;position:relative}.payment-dots{width:36px;height:36px}.payment-row-menu{z-index:30;background:#fff;border:1px solid #dfe6ef;border-radius:12px;min-width:190px;padding:7px;position:absolute;top:42px;right:0;box-shadow:0 18px 45px #0f172a29}.payment-row-menu button{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.payment-row-menu button:hover{color:#2563eb;background:#f4f8fd}.payments-insights-grid{grid-template-columns:1.2fr 1fr 1fr;gap:18px;display:grid}.payment-insight-card{padding:20px 22px}.payment-compact-heading{margin-bottom:0!important;padding:0 0 16px!important}.payment-activity-list{gap:14px;display:grid}.payment-activity-row{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.payment-activity-copy strong,.payment-activity-copy small,.payment-activity-amount strong,.payment-activity-amount small{display:block}.payment-activity-copy small,.payment-activity-amount small{color:#64748b;font-size:var(--font-size-sm)}.payment-activity-amount{text-align:right}.payment-donut-panel{grid-template-columns:170px 1fr;align-items:center;gap:18px;display:grid}.payment-donut-ring{border-radius:50%;place-items:center;width:160px;height:160px;margin:0 auto;display:grid}.payment-donut-ring>div{text-align:center;background:#fff;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 0 1px #edf2f7}.payment-donut-ring strong{font-size:var(--font-size-xl);color:#0f172a;display:block}.payment-donut-ring small{color:#64748b;font-size:var(--font-size-xs)}.payment-donut-legend,.payment-summary-stack{gap:10px;display:grid}.payment-summary-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.payment-summary-row.total{border-top:2px solid #eef2f7;border-bottom:0;margin-top:6px;padding-top:14px}.payment-record-modal{width:min(720px,100%)}.payment-detail-drawer{width:min(560px,100vw)}.status-chip{font-size:var(--font-size-sm);border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-weight:700;display:inline-flex}@media (max-width:1440px){.payments-insights-grid{grid-template-columns:1fr}}@media (max-width:960px){.payments-toolbar{flex-direction:column;align-items:stretch}.payment-wide-search{min-width:100%}.payment-donut-panel{grid-template-columns:1fr}.payments-filter-bar{flex-direction:column;align-items:stretch}}.invoice-reference-page{gap:18px;display:grid}.invoice-ref-kpis.is-loading{opacity:.72;transition:opacity .2s}.invoice-actions-cell{width:56px}.invoice-action-menu-wrap{display:inline-flex;position:relative}.invoice-dots{width:36px;height:36px}.invoice-row-menu{z-index:30;background:#fff;border:1px solid #dfe6ef;border-radius:12px;min-width:160px;padding:7px;position:absolute;top:42px;right:0;box-shadow:0 18px 45px #0f172a29}.invoice-row-menu button{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px 11px;display:flex}.invoice-row-menu button:hover{color:#2563eb;background:#f4f8fd}.settings-automation-grid{margin-top:0}.invoice-ref-heading h1{font-size:var(--font-size-kpi);color:#0f172a;margin:0;font-weight:800}.invoice-ref-heading p{color:#64748b;margin:6px 0 0}.invoice-reference-panel{padding:0;overflow:hidden}.invoice-toolbar{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 16px;display:flex}.invoice-toolbar h3{font-size:var(--font-size-lg);margin:0}.invoice-toolbar p{color:#64748b;font-size:var(--font-size-table);margin:4px 0 0}.invoice-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.wide-search{min-width:360px}.invoice-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:0 24px 16px;display:flex}.invoice-filter-bar label{color:#334155;font-size:var(--font-size-sm);gap:7px;font-weight:700;display:grid}.filter-select-wrap{min-width:220px;position:relative}.filter-select-wrap select{appearance:none;width:100%;padding-right:36px}.filter-select-wrap svg{color:#64748b;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.invoice-reference-table th,.invoice-reference-table td{white-space:nowrap}.invoice-reference-table tbody tr:hover{background:#f8fbff}.status-chip{font-size:var(--font-size-sm);text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:7px 11px;font-weight:700;display:inline-flex}.status-chip.success{color:#15803d;background:#e8faef}.status-chip.warning{color:#b45309;background:#fff4de}.status-chip.danger{color:#dc2626;background:#ffe9e8}.status-chip.neutral{color:#475569;background:#eef2f7}.table-link-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #d7e0eb;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-weight:700;display:inline-flex}.table-link-button:hover{background:#f8fbff}.invoice-insights-grid{grid-template-columns:1.2fr 1fr 1fr;gap:18px;display:grid}.invoice-insight-card{padding:20px 22px}.compact-heading{margin-bottom:0!important;padding:0 0 16px!important}.activity-list{gap:14px;display:grid}.activity-row{grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.activity-dot{border-radius:50%;width:10px;height:10px}.activity-dot.success{background:#22c55e}.activity-dot.warning{background:#f59e0b}.activity-dot.danger{background:#ef4444}.activity-dot.neutral{background:#64748b}.activity-copy strong,.activity-copy small,.activity-amount strong,.activity-amount small{display:block}.activity-copy small,.activity-amount small{color:#64748b;font-size:var(--font-size-sm)}.activity-amount{text-align:right}.donut-panel{grid-template-columns:170px 1fr;align-items:center;gap:18px;display:grid}.donut-ring{border-radius:50%;place-items:center;width:160px;height:160px;margin:0 auto;display:grid}.donut-ring>div{text-align:center;background:#fff;border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 0 1px #edf2f7}.donut-ring strong{font-size:var(--font-size-xl);color:#0f172a;display:block}.donut-ring small{color:#64748b;font-size:var(--font-size-xs)}.donut-legend{gap:10px;display:grid}.legend-row{font-size:var(--font-size-table);grid-template-columns:12px 1fr auto;align-items:center;gap:8px;display:grid}.legend-color{border-radius:50%;width:10px;height:10px}.summary-stack{gap:10px;display:grid}.summary-row{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.summary-row.total{border-top:2px solid #eef2f7;border-bottom:0;margin-top:6px;padding-top:14px}.ghost-pill{color:#475569;background:#fff;border:1px solid #d7e0eb;border-radius:999px;padding:8px 12px;font-weight:700}.invoice-billing-combined-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.invoice-billing-combined-grid.lower-grid{align-items:start}.invoice-billing-card{min-height:100%;padding:20px 22px}.invoice-history-table-wrap{max-height:340px;overflow:auto}.invoice-history-table-wrap .compact-table th,.invoice-history-table-wrap .compact-table td{white-space:nowrap}.full-span{grid-column:1/-1}.invoice-create-modal{width:min(720px,100%)}@media (max-width:1440px){.invoice-insights-grid,.invoice-billing-combined-grid{grid-template-columns:1fr}}@media (max-width:960px){.invoice-toolbar{flex-direction:column;align-items:stretch}.wide-search{min-width:100%}.donut-panel{grid-template-columns:1fr}}.reports-reference-page{gap:16px;display:grid}.reports-heading-row,.reports-heading-actions,.reports-list-heading,.reports-card-heading,.reports-pagination,.reports-pagination>div,.reports-actions,.reports-name-cell,.reports-inline-legend{align-items:center;display:flex}.reports-heading-row,.reports-list-heading,.reports-card-heading,.reports-pagination{justify-content:space-between}.reports-heading-row{gap:18px}.reports-heading-row h1{font-size:var(--font-size-xl);color:#0f172a;margin:0}.reports-heading-row p,.reports-list-heading p{color:#64748b;margin:5px 0 0}.reports-heading-actions{gap:12px}.reports-date-button,.reports-export-button{color:#172033;background:#fff;border:1px solid #d7e0ec;border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;text-decoration:none;display:inline-flex}.reports-export-button{color:#0b5cff}.reports-tabs{border-bottom:1px solid #e6ebf2;align-items:center;gap:30px;display:flex}.reports-tabs button{color:#40506b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px 13px;font-weight:650}.reports-tabs button.active{color:#0b5cff;border-bottom-color:#0b5cff}.reports-filter-panel{background:#fff;border:1px solid #e4eaf2;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.reports-filter-panel .search-box{flex:1}.reports-analytics-grid{grid-template-columns:1.05fr 1fr 1.05fr 1.12fr;gap:12px;display:grid}.reports-chart-card{min-height:290px;padding:18px}.reports-card-heading{gap:12px;margin-bottom:16px}.reports-card-heading h3{font-size:var(--font-size-base);margin:0}.reports-card-heading>span{color:#334155;font-size:var(--font-size-xs);border:1px solid #dce3ed;border-radius:7px;padding:7px 10px}.reports-line-chart{grid-template-columns:42px minmax(0,1fr);gap:8px;height:215px;display:grid}.reports-y-axis{color:#44516b;font-size:var(--font-size-xs);flex-direction:column;justify-content:space-between;padding:2px 0 22px;display:flex}.reports-svg-wrap{background-image:linear-gradient(#edf1f7 1px,#0000 1px),linear-gradient(90deg,#edf1f7 1px,#0000 1px);background-size:25% 25%;min-width:0;position:relative}.reports-svg-wrap svg{width:100%;height:calc(100% - 24px)}.reports-x-axis{color:#34425c;font-size:var(--font-size-xs);justify-content:space-between;gap:5px;display:flex}.reports-empty-chart{color:#94a3b8;place-items:center;height:calc(100% - 24px);display:grid}.reports-bar-chart{background-image:linear-gradient(#edf1f7 1px,#0000 1px);background-size:100% 25%;border-bottom:1px solid #e8edf4;border-left:1px solid #e8edf4;justify-content:space-around;align-items:end;gap:14px;height:195px;padding:10px 10px 0;display:flex}.reports-bar-group{text-align:center;flex:1;grid-template-rows:1fr auto;align-items:end;gap:7px;height:100%;display:grid}.reports-bars{justify-content:center;align-items:end;gap:6px;height:100%;display:flex}.reports-bar{border-radius:2px 2px 0 0;width:14px;min-height:4px}.reports-bar.blue,.reports-inline-legend i.blue{background:#2585f5}.reports-bar.green,.reports-inline-legend i.green{background:#49c875}.reports-bar-group small{font-size:var(--font-size-xs)}.reports-inline-legend{color:#475569;font-size:var(--font-size-xs);justify-content:center;gap:16px;margin-top:10px}.reports-inline-legend span{align-items:center;gap:5px;display:inline-flex}.reports-inline-legend i{border-radius:3px;width:8px;height:8px}.reports-donut-layout{grid-template-columns:152px minmax(0,1fr);align-items:center;gap:16px;min-height:215px;display:grid}.reports-donut{border-radius:50%;place-items:center;width:148px;height:148px;display:grid}.reports-donut>div{text-align:center;background:#fff;border-radius:50%;align-content:center;place-items:center;width:84px;height:84px;display:grid}.reports-donut strong{text-overflow:ellipsis;max-width:75px;font-size:var(--font-size-lg);display:block;overflow:hidden}.reports-donut small{color:#64748b;font-size:var(--font-size-xs)}.reports-legend{gap:10px;display:grid}.reports-legend>div{min-width:0;font-size:var(--font-size-xs);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.reports-legend i{border-radius:50%;width:7px;height:7px}.reports-legend span{text-overflow:ellipsis;overflow:hidden}.reports-list-panel{padding:0;overflow:hidden}.reports-list-heading{border-bottom:1px solid #e7ebf2;gap:18px;padding:16px 18px}.reports-list-heading h3{font-size:var(--font-size-lg);margin:0}.reports-table th,.reports-table td{white-space:nowrap}.reports-name-cell{gap:11px}.reports-name-cell strong{color:#075df7}.reports-row-icon{color:#2563eb;background:#e8f2ff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.reports-row-icon.financial{color:#16a34a;background:#e9f8ed}.reports-row-icon.subscribers{color:#7c3aed;background:#f1eafe}.reports-row-icon.network{color:#f97316;background:#fff0e2}.reports-row-icon.support{color:#ef3340;background:#ffe9ec}.reports-category{font-size:var(--font-size-xs);color:#176b35;background:#e5f7ea;border-radius:6px;padding:5px 9px}.reports-category.subscribers{color:#6d28d9;background:#f0e8ff}.reports-category.network{color:#075df7;background:#e7f0ff}.reports-category.support{color:#d95c00;background:#fff0df}.reports-category.operations,.reports-category.admin{color:#475569;background:#edf1f5}.reports-format{color:#16a34a;align-items:center;gap:6px;font-weight:700;display:inline-flex}.reports-actions{gap:8px}.reports-actions a{color:#075df7;border:1px solid #bfd2ff;border-radius:7px;place-items:center;width:33px;height:33px;text-decoration:none;display:grid}.reports-pagination{color:#40506b;font-size:var(--font-size-sm);gap:18px;padding:14px 18px}.reports-pagination>div{gap:7px}.reports-pagination button,.reports-pagination select{color:#27344e;background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:35px;height:35px}.reports-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8}.reports-pagination select{padding:0 10px}@media (max-width:1450px){.reports-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.reports-heading-row,.reports-pagination{flex-direction:column;align-items:stretch}.reports-tabs{overflow-x:auto}.reports-donut-layout{grid-template-columns:1fr;justify-items:center}}.shell>.bretune-fixed-sidebar,.modern-shell>.bretune-fixed-sidebar,.bretune-fixed-sidebar{color:#fff!important;background:linear-gradient(#071a36 0%,#08284f 55%,#071a36 100%)!important;border-right:1px solid #ffffff0f!important;width:248px!important;min-width:248px!important;height:100vh!important;min-height:100vh!important;padding:22px 16px!important;position:sticky!important;top:0!important;overflow-y:auto!important;box-shadow:8px 0 28px #071a361f!important}.bretune-fixed-sidebar *,.bretune-fixed-sidebar a{box-sizing:border-box}.bretune-fixed-brand{align-items:center!important;gap:12px!important;padding:0 8px 24px!important;display:flex!important}.bretune-fixed-logo{object-fit:contain!important;width:52px!important;height:52px!important;box-shadow:none!important;background:0 0!important;border-radius:12px!important;flex:0 0 52px!important}.bretune-fixed-brand strong,.bretune-fixed-brand span{display:block!important}.bretune-fixed-brand strong{color:#fff!important;font-size:var(--font-size-lg)!important;font-weight:800!important;line-height:1.05!important}.bretune-fixed-brand span{color:#a8b9d5!important;font-size:var(--font-size-sm)!important;margin-top:5px!important}.bretune-fixed-nav{gap:7px!important;display:grid!important}.bretune-fixed-nav-link{color:#d7e5f8!important;opacity:1!important;background:0 0!important;border-radius:9px!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;min-height:45px!important;padding:0 13px!important;font-weight:650!important;text-decoration:none!important;transition:background .18s,color .18s,transform .18s!important;display:grid!important}.bretune-fixed-nav-link svg{color:#b7cae5!important;opacity:1!important}.bretune-fixed-nav-link:hover{color:#fff!important;background:#ffffff14!important;transform:translate(2px)!important}.bretune-fixed-nav-link:hover svg{color:#fff!important}.bretune-fixed-nav-link.active{color:#fff!important;background:linear-gradient(135deg,#0b65f5,#257cff)!important;box-shadow:0 9px 20px #1a6bff47!important}.bretune-fixed-nav-link.active svg{color:#fff!important}.bretune-fixed-nav-link em{color:#fff!important;min-width:23px!important;height:23px!important;font-size:var(--font-size-xs)!important;background:#176cff!important;border-radius:999px!important;place-items:center!important;padding:0 6px!important;font-style:normal!important;font-weight:800!important;display:grid!important}.bretune-fixed-nav-link.active em{background:#ffffff38!important}.bretune-fixed-sidebar .sidebar-help,.bretune-fixed-sidebar .help-card,.bretune-fixed-sidebar .support-card,.bretune-fixed-sidebar [class*=need-help],.bretune-fixed-sidebar [class*=support-panel],.reference-sidebar .sidebar-help,.reference-sidebar .help-card,.reference-sidebar .support-card,.reference-sidebar [class*=need-help],.reference-sidebar [class*=support-panel]{display:none!important}.reports-active-tab-banner{background:linear-gradient(90deg,#edf5ff,#f8fbff);border:1px solid #d8e6ff;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:13px 16px;display:flex}.reports-active-tab-banner div{align-items:center;gap:10px;display:flex}.reports-active-tab-banner span,.reports-active-tab-banner p{color:#64748b;font-size:var(--font-size-sm)}.reports-active-tab-banner strong{color:#0b5cff;font-size:var(--font-size-base)}.reports-active-tab-banner p{margin:0}.reports-tabbed-page .reports-chart-card{animation:.2s reports-tab-in}@keyframes reports-tab-in{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.shell>.bretune-fixed-sidebar,.modern-shell>.bretune-fixed-sidebar,.bretune-fixed-sidebar{display:none!important}body.sidebar-open .shell>.bretune-fixed-sidebar,body.sidebar-open .modern-shell>.bretune-fixed-sidebar,body.sidebar-open .bretune-fixed-sidebar{z-index:70!important;flex-direction:column!important;width:min(280px,86vw)!important;min-width:0!important;display:flex!important;position:fixed!important;inset:0 auto 0 0!important;box-shadow:18px 0 50px #0f172a59!important}.reports-active-tab-banner{flex-direction:column;align-items:flex-start}}.plans-reference-page{gap:16px;display:grid}.plans-reference-heading,.plans-filter-toolbar,.plans-pagination,.plans-pagination>div,.plans-action-cell,.plans-name-cell,.plans-speed{align-items:center;display:flex}.plans-reference-heading,.plans-pagination{justify-content:space-between}.plans-reference-heading{gap:18px}.plans-reference-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.plans-reference-heading p{color:#64748b;margin:6px 0 0}.plans-add-button{min-height:44px;padding-inline:18px}.plans-reference-panel{padding:0;overflow:hidden}.plans-filter-toolbar{border-bottom:1px solid #e6ebf2;gap:14px;padding:16px}.plans-search{min-width:310px}.plans-filter-field{color:#334155;min-width:180px;font-size:var(--font-size-xs);gap:6px;font-weight:700;display:grid}.plans-filter-field select{color:#172033;background:#fff;border:1px solid #d7e0ec;border-radius:9px;min-height:42px;padding:0 12px}.plans-toolbar-spacer{flex:1}.plans-refresh-button,.plans-edit-button,.plans-menu-button{color:#0b5cff;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.plans-reference-table th,.plans-reference-table td{white-space:nowrap}.plans-reference-table tbody tr:hover{background:#f8fbff}.plans-name-cell{gap:13px}.plans-name-cell>div{min-width:0}.plans-name-cell strong,.plans-name-cell small{display:block}.plans-name-cell strong{color:#0f172a}.plans-name-cell small{color:#64748b;font-size:var(--font-size-xs);margin-top:5px}.plans-wifi-icon{border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.plans-wifi-icon.blue{color:#2563eb;background:#e8f1ff}.plans-wifi-icon.green{color:#16a34a;background:#e8f9ee}.plans-wifi-icon.purple{color:#7c3aed;background:#f2eaff}.plans-wifi-icon.orange{color:#f59e0b;background:#fff4df}.plans-wifi-icon.pink{color:#e11d48;background:#ffe8ee}.plans-type-badge{color:#075df7;font-size:var(--font-size-xs);background:#e8f1ff;border-radius:6px;padding:6px 10px;font-weight:700;display:inline-flex}.plans-type-badge.hotspot{color:#7c3aed;background:#f1eafe}.plans-type-badge.fibre{color:#15803d;background:#e8f8ed}.plans-type-badge.wireless{color:#c2410c;background:#fff0e2}.plans-type-badge.static_ip{color:#475569;background:#edf1f5}.plans-speed{gap:7px}.plans-price strong,.plans-price small{display:block}.plans-price strong{color:#0f172a}.plans-price small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.plans-status{font-size:var(--font-size-xs);border-radius:7px;padding:6px 11px;font-weight:700;display:inline-flex}.plans-status.active{color:#15803d;background:#e8f8ed}.plans-status.inactive{color:#c26a00;background:#fff1dd}.plans-action-cell{gap:8px}.plans-row-menu-wrap{position:relative}.plans-row-menu{z-index:30;background:#fff;border:1px solid #dce3ed;border-radius:10px;width:170px;padding:7px;position:absolute;top:46px;right:0;box-shadow:0 14px 34px #0f172a24}.plans-row-menu button{color:#26344f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.plans-row-menu button:hover{background:#f2f6fc}.plans-pagination{color:#40506b;font-size:var(--font-size-sm);gap:18px;padding:14px 16px}.plans-pagination>div{gap:7px}.plans-pagination button,.plans-pagination select{color:#27344e;background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:36px;height:36px}.plans-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8}.plans-pagination select{padding:0 10px}.plans-modal{width:min(820px,100%)}.plans-form{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1050px){.plans-filter-toolbar{flex-wrap:wrap;align-items:stretch}.plans-toolbar-spacer{display:none}.plans-search,.plans-filter-field{flex:1;min-width:220px}}@media (max-width:720px){.plans-reference-heading,.plans-pagination{flex-direction:column;align-items:stretch}.plans-form{grid-template-columns:1fr}}.network-overview-page{gap:16px;display:grid}.network-page-heading,.network-heading-actions,.network-breadcrumb,.network-card-heading,.network-bandwidth-summary,.network-summary-footer,.network-event-row{align-items:center;display:flex}.network-page-heading,.network-card-heading,.network-summary-footer{justify-content:space-between}.network-page-heading{gap:20px}.network-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.network-breadcrumb span{color:#0b5cff}.network-page-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.network-page-heading p{color:#64748b;margin:6px 0 0}.network-heading-actions{gap:12px}.network-location-select{background:#fff;border:1px solid #dce3ed;border-radius:8px;align-items:center;gap:8px;min-width:175px;min-height:43px;padding:0 12px;display:flex}.network-location-select select{color:#172033;font:inherit;background:0 0;border:0;outline:none;flex:1}.network-mini-progress{background:#e8edf4;border-radius:99px;height:4px;margin-top:12px;overflow:hidden}.network-mini-progress span{border-radius:inherit;background:#f59e0b;height:100%}.network-main-grid{grid-template-columns:1.2fr .92fr 1.12fr;gap:12px;display:grid}.network-bottom-grid{grid-template-columns:.95fr .95fr 1.1fr;gap:12px;display:grid}.network-chart-card,.network-topology-card,.network-interface-card,.network-summary-card,.network-sites-card,.network-events-card{padding:18px}.network-card-heading{gap:12px;margin-bottom:15px}.network-card-heading h3{font-size:var(--font-size-base);margin:0}.network-card-heading span{color:#40506b;font-size:var(--font-size-xs);border:1px solid #dce3ed;border-radius:7px;padding:7px 10px}.network-card-heading a{color:#075df7;font-size:var(--font-size-xs);text-decoration:none}.network-bandwidth-chart{grid-template-columns:38px minmax(0,1fr);gap:8px;height:205px;display:grid}.network-chart-y{color:#536078;font-size:var(--font-size-xs);flex-direction:column;justify-content:space-between;padding-bottom:24px;display:flex}.network-chart-svg{background-image:linear-gradient(#edf1f6 1px,#0000 1px),linear-gradient(90deg,#edf1f6 1px,#0000 1px);background-size:20% 25%}.network-chart-svg svg{width:100%;height:calc(100% - 24px)}.network-chart-labels{color:#4b5870;font-size:var(--font-size-xs);justify-content:space-between;display:flex}.network-bandwidth-summary{border-top:1px solid #eef2f7;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px}.network-bandwidth-summary div{min-width:0}.network-bandwidth-summary span,.network-bandwidth-summary strong,.network-bandwidth-summary small{display:block}.network-bandwidth-summary span{color:#56647c;font-size:var(--font-size-xs)}.network-bandwidth-summary strong{color:#111827;font-size:var(--font-size-md);margin-top:6px}.network-bandwidth-summary small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.network-topology{min-height:340px;position:relative}.topology-node{z-index:2;background:#f6faff;border:1px solid #cfe0ff;border-radius:7px;align-items:center;gap:9px;padding:10px 13px;display:flex;position:absolute}.topology-node strong,.topology-node small{display:block}.topology-node strong{font-size:var(--font-size-xs)}.topology-node small{color:#64748b;font-size:var(--font-size-xs);margin-top:3px}.topology-node.internet{color:#0b5cff;top:0;left:50%;transform:translate(-50%)}.topology-node.core{color:#15803d;background:#effaf3;border-color:#bce7cb;top:66px;left:50%;transform:translate(-50%)}.topology-node.distribution{top:150px;left:7%}.topology-node.wireless{top:150px;right:7%}.topology-node.access.one{bottom:18px;left:0}.topology-node.access.two{bottom:18px;left:36%}.topology-node.aps{color:#0891b2;bottom:18px;right:0}.topology-line{z-index:1;background:#62c78a;position:absolute}.topology-line.vertical{width:1px;left:50%}.topology-line.vertical.one{height:25px;top:45px}.topology-line.vertical.two{height:39px;top:112px}.topology-line.horizontal{height:1px;top:150px;left:25%;right:25%}.network-interface-table,.network-sites-table{display:grid}.network-interface-head,.network-interface-row,.network-sites-head,.network-sites-row{border-bottom:1px solid #eef2f7;align-items:center;gap:10px;min-height:45px;padding:0 10px;display:grid}.network-interface-head,.network-interface-row{grid-template-columns:1.2fr 1fr .75fr 1fr}.network-sites-head,.network-sites-row{grid-template-columns:1.25fr .7fr .7fr .8fr}.network-interface-head,.network-sites-head{color:#334155;font-size:var(--font-size-xs);background:#f6f8fb;font-weight:800}.network-interface-row,.network-sites-row{font-size:var(--font-size-xs)}.network-device-status{width:fit-content;font-size:var(--font-size-xs);text-transform:capitalize;border-radius:6px;padding:5px 8px;font-weight:700}.network-device-status.success{color:#15803d;background:#e8f8ed}.network-device-status.warning{color:#c56a00;background:#fff1dc}.network-device-status.danger{color:#dc2626;background:#ffe8e8}.network-traffic-cell strong{display:block}.network-traffic-cell>span{background:#2574f5;border-radius:99px;height:4px;margin-top:6px;display:block}.network-donut-layout{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;min-height:190px;display:grid}.network-donut{border-radius:50%;place-items:center;width:155px;height:155px;margin:auto;display:grid}.network-donut>div{background:#fff;border-radius:50%;width:88px;height:88px}.network-donut-legend{gap:13px;display:grid}.network-donut-legend div{font-size:var(--font-size-xs);grid-template-columns:10px 1fr auto;align-items:center;gap:8px;display:grid}.network-donut-legend i{border-radius:50%;width:9px;height:9px}.network-summary-footer{border-top:1px solid #e9eef5;margin-top:12px;padding-top:14px}.network-summary-footer strong{font-size:var(--font-size-lg)}.network-event-list{display:grid}.network-event-row{border-bottom:1px solid #eef2f7;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;min-height:49px}.network-event-row>div strong,.network-event-row>div small{display:block}.network-event-row>div strong{font-size:var(--font-size-xs)}.network-event-row>div small,.network-event-row>span:last-child{color:#64748b;font-size:var(--font-size-xs);margin-top:3px}.network-event-icon{border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.network-event-icon.success{color:#16a34a;background:#e8f8ed}.network-event-icon.warning{color:#f59e0b;background:#fff4de}.network-event-icon.danger{color:#ef4444;background:#ffe8e8}.network-event-icon.info{color:#2563eb;background:#e8f1ff}.network-empty-row{color:#94a3b8;text-align:center;font-size:var(--font-size-xs);padding:24px 10px}@media (max-width:1450px){.network-main-grid,.network-bottom-grid{grid-template-columns:1fr 1fr}}@media (max-width:980px){.network-page-heading{flex-direction:column;align-items:stretch}}@media (max-width:700px){.network-donut-layout{grid-template-columns:1fr}.network-heading-actions{flex-direction:column;align-items:stretch}.network-location-select{width:100%}}.mikrotik-reference-page{gap:16px;display:grid}.mikrotik-page-heading,.mikrotik-breadcrumb,.mikrotik-filter-toolbar,.mikrotik-device-name,.mikrotik-action-cell,.mikrotik-pagination,.mikrotik-pagination>div,.mikrotik-card-heading,.mikrotik-bandwidth-legend{align-items:center;display:flex}.mikrotik-page-heading,.mikrotik-pagination,.mikrotik-card-heading{justify-content:space-between}.mikrotik-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.mikrotik-breadcrumb span{color:#0b5cff}.mikrotik-page-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.mikrotik-page-heading p{color:#64748b;margin:6px 0 0}.mikrotik-workspace-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px;display:grid}.mikrotik-main-panel{padding:0;overflow:visible}.mikrotik-tabs{border-bottom:1px solid #e7ebf2;align-items:center;gap:30px;padding:0 18px;display:flex}.mikrotik-tabs button{color:#40506b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 2px}.mikrotik-tabs button.active{color:#0b5cff;border-bottom-color:#0b5cff}.mikrotik-filter-toolbar{border-bottom:1px solid #e7ebf2;gap:12px;padding:14px}.mikrotik-search{min-width:310px}.mikrotik-filter-field{color:#334155;min-width:140px;font-size:var(--font-size-xs);gap:5px;font-weight:700;display:grid}.mikrotik-filter-field select{background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:40px;padding:0 10px}.mikrotik-toolbar-spacer{flex:1}.mikrotik-refresh-button,.mikrotik-icon-action{color:#0b5cff;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:8px;place-items:center;width:39px;height:39px;display:grid}.mikrotik-reference-table th,.mikrotik-reference-table td{white-space:nowrap}.mikrotik-reference-table tbody tr:hover{background:#f8fbff}.mikrotik-status-dot{border-radius:50%;width:7px;height:7px;display:block}.mikrotik-status-dot.online{background:#22c55e}.mikrotik-status-dot.offline{background:#ef4444}.mikrotik-status-dot.warning{background:#f59e0b}.mikrotik-device-name{gap:10px}.mikrotik-device-name>span{color:#0f172a;background:#f0f4fa;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.mikrotik-device-name strong{color:#075df7}.mikrotik-device-status{font-size:var(--font-size-xs);border-radius:6px;padding:5px 8px;font-weight:700;display:inline-flex}.mikrotik-device-status.online{color:#15803d;background:#e8f8ed}.mikrotik-device-status.offline{color:#dc2626;background:#ffe8e8}.mikrotik-device-status.warning{color:#c56a00;background:#fff1dc}.mikrotik-action-cell{gap:7px}.mikrotik-row-menu-wrap{position:relative}.mikrotik-row-menu{z-index:40;background:#fff;border:1px solid #dce3ed;border-radius:9px;width:185px;padding:7px;position:absolute;top:43px;right:0;box-shadow:0 16px 36px #0f172a26}.mikrotik-row-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.mikrotik-row-menu button:hover{background:#f2f6fc}.mikrotik-pagination{color:#40506b;font-size:var(--font-size-xs);gap:18px;padding:13px 16px}.mikrotik-pagination>div{gap:7px}.mikrotik-pagination button,.mikrotik-pagination select{background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:35px;height:35px}.mikrotik-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8}.mikrotik-side-column{gap:12px;display:grid}.mikrotik-side-card{padding:18px}.mikrotik-side-card h3{font-size:var(--font-size-table);margin:0 0 17px}.mikrotik-donut-layout{grid-template-columns:125px 1fr;align-items:center;gap:15px;display:grid}.mikrotik-donut{border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.mikrotik-donut>div{background:#fff;border-radius:50%;width:65px;height:65px}.mikrotik-donut-legend{gap:11px;display:grid}.mikrotik-donut-legend div{font-size:var(--font-size-xs);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.mikrotik-donut-legend i{border-radius:50%;width:7px;height:7px}.mikrotik-donut-legend i.online{background:#35b86d}.mikrotik-donut-legend i.offline{background:#f14f55}.mikrotik-donut-legend i.warning{background:#f5a623}.mikrotik-side-total{font-size:var(--font-size-xs);border-top:1px solid #e9eef5;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;display:flex}.mikrotik-side-total strong{font-size:var(--font-size-lg)}.mikrotik-version-list{gap:15px;display:grid}.mikrotik-version-list div{font-size:var(--font-size-xs);grid-template-columns:48px minmax(0,1fr) 58px;align-items:center;gap:9px;display:grid}.mikrotik-version-list span{background:#dce3ed;border-radius:99px;height:5px;overflow:hidden}.mikrotik-version-list i{border-radius:inherit;background:#1268e8;height:100%;display:block}.mikrotik-version-list em{color:#475569;text-align:right;font-style:normal}.mikrotik-quick-actions{display:grid}.mikrotik-quick-actions button{color:#075df7;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:0 4px;display:grid}.mikrotik-command-workspace{padding:18px}.mikrotik-command-heading h3{margin:0}.mikrotik-command-heading p{color:#64748b;margin:5px 0 0}.mikrotik-command-list{margin-top:18px;display:grid}.mikrotik-command-row{border-bottom:1px solid #eef2f7;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:60px;display:grid}.mikrotik-command-row strong,.mikrotik-command-row small,.mikrotik-command-row em{display:block}.mikrotik-command-row small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.mikrotik-command-row em{color:#dc2626;font-size:var(--font-size-xs);margin-top:4px;font-style:normal}.mikrotik-command-icon{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.mikrotik-command-icon.completed{color:#16a34a;background:#e8f8ed}.mikrotik-command-icon.failed{color:#ef4444;background:#ffe8e8}.mikrotik-command-icon.pending,.mikrotik-command-icon.running{color:#f59e0b;background:#fff4de}.mikrotik-command-status{font-size:var(--font-size-xs);border-radius:6px;padding:5px 8px;font-weight:700}.mikrotik-command-status.completed{color:#15803d;background:#e8f8ed}.mikrotik-command-status.failed{color:#dc2626;background:#ffe8e8}.mikrotik-command-status.pending,.mikrotik-command-status.running{color:#c56a00;background:#fff1dc}.mikrotik-bottom-grid{grid-template-columns:.9fr 1.1fr;gap:12px;display:grid}.mikrotik-resource-card,.mikrotik-bandwidth-card{padding:18px}.mikrotik-resource-card h3,.mikrotik-bandwidth-card h3{font-size:var(--font-size-table);margin:0}.mikrotik-resource-card h3 small,.mikrotik-bandwidth-card h3 small{color:#64748b;font-size:var(--font-size-xs);font-weight:500}.mikrotik-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.mikrotik-resource-item{color:#475569;font-size:var(--font-size-xs);justify-items:center;gap:10px;display:grid}.mikrotik-resource-ring{border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.mikrotik-resource-ring>div{color:#172033;background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-weight:800;display:grid}.mikrotik-resource-item small{color:#64748b;font-size:var(--font-size-xs)}.mikrotik-bandwidth-chart{grid-template-columns:55px minmax(0,1fr);gap:8px;height:170px;margin-top:20px;display:grid}.mikrotik-bandwidth-y{color:#475569;font-size:var(--font-size-xs);flex-direction:column;justify-content:space-between;padding-bottom:22px;display:flex}.mikrotik-bandwidth-svg{background-image:linear-gradient(#edf1f6 1px,#0000 1px),linear-gradient(90deg,#edf1f6 1px,#0000 1px);background-size:20% 33.33%}.mikrotik-bandwidth-svg svg{width:100%;height:calc(100% - 22px)}.mikrotik-bandwidth-x{color:#475569;font-size:var(--font-size-xs);justify-content:space-between;display:flex}.mikrotik-bandwidth-legend{color:#475569;font-size:var(--font-size-xs);justify-content:center;gap:18px;margin-top:10px}.mikrotik-bandwidth-legend span{align-items:center;gap:6px;display:inline-flex}.mikrotik-bandwidth-legend i{border-radius:50%;width:8px;height:8px}.mikrotik-bandwidth-legend i.upload{background:#2dbf78}.mikrotik-bandwidth-legend i.download{background:#2f70f5}@media (max-width:1450px){.mikrotik-workspace-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:1100px){.mikrotik-workspace-grid,.mikrotik-bottom-grid{grid-template-columns:1fr}.mikrotik-side-column{grid-template-columns:repeat(3,minmax(0,1fr))}.mikrotik-filter-toolbar{flex-wrap:wrap}.mikrotik-toolbar-spacer{display:none}}@media (max-width:780px){.mikrotik-page-heading{flex-direction:column;align-items:stretch}.mikrotik-tabs{overflow-x:auto}}.radius-reference-page{gap:16px;display:grid}.radius-reference-heading,.radius-heading-actions,.radius-breadcrumb,.radius-card-heading,.radius-nas-total,.radius-tab-toolbar,.radius-tab-section-heading{align-items:center;display:flex}.radius-reference-heading,.radius-card-heading,.radius-nas-total,.radius-tab-section-heading{justify-content:space-between}.radius-reference-heading{gap:20px}.radius-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.radius-breadcrumb span{color:#0b5cff}.radius-reference-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.radius-reference-heading p{color:#64748b;margin:6px 0 0}.radius-heading-actions{gap:12px}.radius-add-client{text-decoration:none}.radius-actions-wrap{position:relative}.radius-actions-menu{z-index:40;background:#fff;border:1px solid #dce3ed;border-radius:10px;width:220px;padding:7px;position:absolute;top:48px;right:0;box-shadow:0 16px 36px #0f172a26}.radius-actions-menu button{color:#27344e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.radius-actions-menu button:hover{background:#f2f6fc}.radius-online-text{color:#16a34a!important}.radius-tabs{background:#fff;border:1px solid #e7ebf2;align-items:center;gap:31px;padding:0 17px;display:flex}.radius-tabs button{color:#40506b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 2px}.radius-tabs button.active{color:#0b5cff;border-bottom-color:#0b5cff}.radius-overview-grid{grid-template-columns:1.15fr 1fr 1fr;gap:12px;display:grid}.radius-bottom-grid{grid-template-columns:.95fr 1.05fr;gap:12px;display:grid}.radius-auth-chart-card,.radius-nas-card,.radius-server-card,.radius-clients-card,.radius-logs-card,.radius-tab-panel{padding:18px}.radius-card-heading{gap:12px;margin-bottom:15px}.radius-card-heading h3{font-size:var(--font-size-base);margin:0}.radius-card-heading>span{color:#40506b;font-size:var(--font-size-xs);border:1px solid #dce3ed;border-radius:7px;padding:7px 10px}.radius-card-heading button{color:#075df7;cursor:pointer;font-size:var(--font-size-xs);background:0 0;border:0}.radius-auth-kpis{border-bottom:1px solid #e9eef5;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px;display:grid}.radius-auth-kpis div{text-align:center;border-right:1px solid #e9eef5;padding:0 14px 13px}.radius-auth-kpis div:last-child{border-right:0}.radius-auth-kpis span,.radius-auth-kpis strong{display:block}.radius-auth-kpis span{color:#475569;font-size:var(--font-size-xs)}.radius-auth-kpis strong{font-size:var(--font-size-lg);margin-top:6px}.radius-auth-kpis strong.success{color:#16a34a}.radius-auth-kpis strong.danger{color:#ef4444}.radius-auth-chart{grid-template-columns:35px minmax(0,1fr);gap:7px;height:185px;display:grid}.radius-auth-y{color:#475569;font-size:var(--font-size-xs);flex-direction:column;justify-content:space-between;padding-bottom:22px;display:flex}.radius-auth-svg{background-image:linear-gradient(#edf1f6 1px,#0000 1px),linear-gradient(90deg,#edf1f6 1px,#0000 1px);background-size:20% 25%}.radius-auth-svg svg{width:100%;height:calc(100% - 22px)}.radius-auth-x{color:#475569;font-size:var(--font-size-xs);justify-content:space-between;display:flex}.radius-chart-legend{color:#475569;font-size:var(--font-size-xs);justify-content:center;gap:20px;margin-top:10px;display:flex}.radius-chart-legend span{align-items:center;gap:6px;display:inline-flex}.radius-chart-legend i{border-radius:50%;width:8px;height:8px}.radius-chart-legend i.success{background:#2f70f5}.radius-chart-legend i.failed{background:#ef4444}.radius-donut-layout{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:18px;min-height:225px;display:grid}.radius-donut{border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.radius-donut>div{background:#fff;border-radius:50%;width:82px;height:82px}.radius-donut-legend{gap:12px;display:grid}.radius-donut-legend div{font-size:var(--font-size-xs);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.radius-donut-legend i{border-radius:50%;width:7px;height:7px}.radius-nas-total{font-size:var(--font-size-xs);border-top:1px solid #e9eef5;padding-top:13px}.radius-nas-total strong{font-size:var(--font-size-lg)}.radius-server-info{display:grid}.radius-server-info div{min-height:32px;font-size:var(--font-size-xs);border-bottom:1px solid #eef2f7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.radius-server-info span{color:#334155}.radius-server-info strong{color:#172033;text-align:right;font-weight:600}.radius-info-online{background:#e8f8ed;border-radius:5px;padding:4px 7px;color:#15803d!important}.radius-simple-table{display:grid}.radius-simple-head,.radius-simple-row{min-height:45px;font-size:var(--font-size-xs);border-bottom:1px solid #eef2f7;align-items:center;gap:9px;padding:0 8px;display:grid}.radius-simple-head{color:#334155;background:#f6f8fb;font-weight:800}.radius-client-columns{grid-template-columns:1.3fr 1fr .75fr .65fr .55fr}.radius-log-columns{grid-template-columns:1.15fr 1.1fr 1.1fr .65fr}.radius-simple-row strong{color:#075df7}.radius-simple-row a{color:#075df7;border:1px solid #bfd2ff;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.radius-client-status,.radius-auth-status{width:fit-content;font-size:var(--font-size-xs);border-radius:6px;padding:5px 8px;font-weight:700;display:inline-flex}.radius-client-status.active,.radius-auth-status.success{color:#15803d;background:#e8f8ed}.radius-client-status.inactive,.radius-auth-status.failed{color:#dc2626;background:#ffe8e8}.radius-auth-status.neutral{color:#475569;background:#edf1f5}.radius-tab-toolbar{gap:12px;margin-bottom:15px}.radius-tab-toolbar .search-box{flex:1;min-width:320px}.radius-tab-toolbar select{background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:40px;padding:0 11px}.radius-reference-table th,.radius-reference-table td{white-space:nowrap}.radius-reference-table td strong,.radius-reference-table td small{display:block}.radius-reference-table td small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.radius-traffic-cell{gap:5px;display:grid}.radius-traffic-cell span{align-items:center;gap:5px;display:inline-flex}.radius-disconnect-button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.radius-tab-section-heading{gap:18px;margin-bottom:16px}.radius-tab-section-heading h3{margin:0}.radius-tab-section-heading p{color:#64748b;margin:5px 0 0}.radius-tab-section-heading a{text-decoration:none}.radius-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.radius-profile-grid article{background:#fff;border:1px solid #e5eaf1;border-radius:10px;padding:18px}.radius-profile-icon{color:#2563eb;background:#e8f1ff;border-radius:9px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.radius-profile-grid strong,.radius-profile-grid span{display:block}.radius-profile-grid span{color:#64748b;font-size:var(--font-size-xs);margin-top:5px}@media (max-width:1450px){.radius-overview-grid{grid-template-columns:1fr 1fr}.radius-server-card{grid-column:1/-1}}@media (max-width:1050px){.radius-overview-grid,.radius-bottom-grid{grid-template-columns:1fr}.radius-tabs{overflow-x:auto}.radius-tab-toolbar{flex-wrap:wrap;align-items:stretch}.radius-tab-toolbar .search-box{min-width:220px}}@media (max-width:760px){.radius-reference-heading,.radius-heading-actions{flex-direction:column;align-items:stretch}.radius-donut-layout{grid-template-columns:1fr;justify-items:center}}.tickets-reference-page{gap:16px;display:grid}.tickets-page-heading,.tickets-breadcrumb,.tickets-filter-panel,.tickets-tabs-row,.tickets-table-actions,.tickets-action-cell,.tickets-pagination,.tickets-pagination>div,.tickets-side-total{align-items:center;display:flex}.tickets-page-heading,.tickets-tabs-row,.tickets-pagination,.tickets-side-total{justify-content:space-between}.tickets-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.tickets-breadcrumb span{color:#0b5cff}.tickets-page-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.tickets-page-heading p{color:#64748b;margin:6px 0 0}.tickets-filter-panel{gap:14px;padding:14px}.tickets-search{min-width:290px}.tickets-filter-field{color:#334155;min-width:160px;font-size:var(--font-size-xs);gap:5px;font-weight:700;display:grid}.tickets-filter-field select{background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:40px;padding:0 10px}.tickets-filter-spacer{flex:1}.tickets-workspace-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:12px;display:grid}.tickets-main-panel{padding:0;overflow:visible}.tickets-tabs-row{border-bottom:1px solid #e7ebf2;padding:0 14px}.tickets-tabs{align-items:center;gap:28px;display:flex}.tickets-tabs button{color:#40506b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 2px}.tickets-tabs button.active{color:#0b5cff;border-bottom-color:#0b5cff}.tickets-table-actions{gap:8px}.tickets-refresh-button,.tickets-icon-action{color:#0b5cff;cursor:pointer;background:#fff;border:1px solid #d7e0ec;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.tickets-reference-table th,.tickets-reference-table td{white-space:nowrap}.tickets-reference-table tbody tr:hover{background:#f8fbff}.tickets-reference-table td strong,.tickets-reference-table td small{display:block}.tickets-reference-table td small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.tickets-category,.tickets-priority,.tickets-status{font-size:var(--font-size-xs);border-radius:6px;align-items:center;padding:5px 8px;font-weight:700;display:inline-flex}.tickets-category.connectivity{color:#2563eb;background:#e8f1ff}.tickets-category.billing{color:#2563eb;background:#eef4ff}.tickets-category.installation{color:#7c3aed;background:#f1eaff}.tickets-category.equipment{color:#c56a00;background:#fff1dc}.tickets-category.account{color:#7c3aed;background:#f1eaff}.tickets-category.other{color:#475569;background:#edf1f5}.tickets-priority.high{color:#dc2626;background:#ffe8e8}.tickets-priority.medium{color:#c56a00;background:#fff1dc}.tickets-priority.low,.tickets-status.open{color:#15803d;background:#e8f8ed}.tickets-status.progress{color:#075df7;background:#e8f1ff}.tickets-status.resolved{color:#15803d;background:#e8f8ed}.tickets-status.closed{color:#475569;background:#edf1f5}.tickets-action-cell{gap:7px}.tickets-row-menu-wrap{position:relative}.tickets-row-menu{z-index:40;background:#fff;border:1px solid #dce3ed;border-radius:9px;width:170px;padding:7px;position:absolute;top:43px;right:0;box-shadow:0 16px 36px #0f172a26}.tickets-row-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.tickets-row-menu button:hover{background:#f2f6fc}.tickets-pagination{color:#40506b;font-size:var(--font-size-xs);gap:18px;padding:13px 16px}.tickets-pagination>div{gap:7px}.tickets-pagination button,.tickets-pagination select{background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:35px;height:35px}.tickets-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8}.tickets-side-column{gap:12px;display:grid}.tickets-side-card{padding:18px}.tickets-side-card h3{font-size:var(--font-size-table);margin:0 0 17px}.tickets-donut-layout{grid-template-columns:125px minmax(0,1fr);align-items:center;gap:14px;display:grid}.tickets-donut{border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.tickets-donut>div{background:#fff;border-radius:50%;width:64px;height:64px}.tickets-donut-legend{gap:11px;display:grid}.tickets-donut-legend div{font-size:var(--font-size-xs);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.tickets-donut-legend i{border-radius:50%;width:7px;height:7px}.tickets-side-total{font-size:var(--font-size-xs);border-top:1px solid #e9eef5;margin-top:16px;padding-top:13px}.tickets-side-total strong{font-size:var(--font-size-lg)}.tickets-priority-list{gap:17px;display:grid}.tickets-priority-list div{font-size:var(--font-size-xs);grid-template-columns:74px minmax(0,1fr) 56px;align-items:center;gap:9px;display:grid}.tickets-priority-list span{background:#dce3ed;border-radius:99px;height:5px;overflow:hidden}.tickets-priority-list i{border-radius:inherit;height:100%;display:block}.tickets-priority-list em{color:#475569;text-align:right;font-style:normal}.tickets-quick-actions{display:grid}.tickets-quick-actions button{color:#075df7;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:0 4px;display:grid}.tickets-modal{width:min(820px,100%)}.tickets-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tickets-detail-modal{width:min(1050px,95vw)}@media (max-width:1450px){.tickets-workspace-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:1100px){.tickets-workspace-grid{grid-template-columns:1fr}.tickets-side-column{grid-template-columns:repeat(3,minmax(0,1fr))}.tickets-filter-panel{flex-wrap:wrap}.tickets-filter-spacer{display:none}}@media (max-width:780px){.tickets-page-heading{flex-direction:column;align-items:stretch}.tickets-tabs-row{flex-direction:column;align-items:stretch;gap:10px;padding-block:8px}.tickets-tabs{overflow-x:auto}}.users-reference-page{gap:16px;display:grid}.users-page-heading,.users-breadcrumb,.users-filter-toolbar,.users-name-cell,.users-action-cell,.users-pagination,.users-pagination>div,.users-side-total,.users-side-heading{align-items:center;display:flex}.users-page-heading,.users-pagination,.users-side-total,.users-side-heading{justify-content:space-between}.users-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.users-breadcrumb span{color:#0b5cff}.users-page-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.users-page-heading p{color:#64748b;margin:6px 0 0}.users-workspace-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:12px;display:grid}.users-main-panel{padding:0;overflow:visible}.users-filter-toolbar{border-bottom:1px solid #e7ebf2;gap:12px;padding:14px}.users-search{min-width:300px}.users-filter-field{color:#334155;min-width:135px;font-size:var(--font-size-xs);gap:5px;font-weight:700;display:grid}.users-filter-field select{background:#fff;border:1px solid #d7e0ec;border-radius:8px;min-height:40px;padding:0 10px}.users-filter-spacer{flex:1}.users-reference-table th,.users-reference-table td{white-space:nowrap}.users-reference-table tbody tr:hover{background:#f8fbff}.users-name-cell{gap:10px}.users-avatar{color:#fff;width:32px;height:32px;font-size:var(--font-size-xs);background:linear-gradient(135deg,#0b65f5,#59a3ff);border-radius:50%;place-items:center;font-weight:800;display:grid}.users-name-cell strong{color:#075df7}.users-role-badge,.users-status{font-size:var(--font-size-xs);border-radius:6px;align-items:center;padding:5px 8px;font-weight:700;display:inline-flex}.users-role-badge.administrator{color:#2563eb;background:#e8f1ff}.users-role-badge.manager{color:#7c3aed;background:#f1eaff}.users-role-badge.network{color:#15803d;background:#e8f8ed}.users-role-badge.support{color:#c56a00;background:#fff1dc}.users-role-badge.billing{color:#075df7;background:#e8f1ff}.users-role-badge.sales{color:#0891b2;background:#e1f8fb}.users-role-badge.viewer{color:#475569;background:#edf1f5}.users-status.active{color:#15803d;background:#e8f8ed}.users-status.inactive{color:#dc2626;background:#ffe8e8}.users-action-cell{gap:7px}.users-icon-action{color:#0b5cff;cursor:pointer;background:#fff;border:1px solid #bfd2ff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.users-row-menu-wrap{position:relative}.users-row-menu{z-index:40;background:#fff;border:1px solid #dce3ed;border-radius:9px;width:170px;padding:7px;position:absolute;top:43px;right:0;box-shadow:0 16px 36px #0f172a26}.users-row-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.users-row-menu button:hover{background:#f2f6fc}.users-pagination{color:#40506b;font-size:var(--font-size-xs);gap:18px;padding:13px 16px}.users-pagination>div{gap:7px}.users-pagination button,.users-pagination select{background:#fff;border:1px solid #dce3ed;border-radius:7px;min-width:35px;height:35px}.users-pagination button.active{color:#fff;background:#1268e8;border-color:#1268e8}.users-side-column{gap:12px;display:grid}.users-side-card{padding:18px}.users-side-card h3{font-size:var(--font-size-table);margin:0 0 17px}.users-donut-layout{grid-template-columns:125px minmax(0,1fr);align-items:center;gap:14px;display:grid}.users-donut{border-radius:50%;place-items:center;width:115px;height:115px;display:grid}.users-donut>div{background:#fff;border-radius:50%;width:64px;height:64px}.users-donut-legend{gap:10px;display:grid}.users-donut-legend div{font-size:var(--font-size-xs);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.users-donut-legend i{border-radius:50%;width:7px;height:7px}.users-side-total{font-size:var(--font-size-xs);border-top:1px solid #e9eef5;margin-top:16px;padding-top:13px}.users-side-total strong{font-size:var(--font-size-lg)}.users-side-heading{gap:12px}.users-side-heading button{color:#075df7;cursor:pointer;font-size:var(--font-size-xs);background:0 0;border:0}.users-activity-list{display:grid}.users-activity-row{border-bottom:1px solid #eef2f7;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;display:grid}.users-activity-icon{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.users-activity-icon.tone-0{color:#16a34a;background:#e8f8ed}.users-activity-icon.tone-1{color:#7c3aed;background:#f1eaff}.users-activity-icon.tone-2{color:#2563eb;background:#e8f1ff}.users-activity-icon.tone-3{color:#f97316;background:#fff0e2}.users-activity-row strong,.users-activity-row small{display:block}.users-activity-row strong{font-size:var(--font-size-xs)}.users-activity-row small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px}.users-quick-actions{display:grid}.users-quick-actions button{color:#075df7;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f7;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:45px;padding:0 4px;display:grid}.users-modal{width:min(820px,100%)}.users-form{grid-template-columns:repeat(2,minmax(0,1fr))}.users-role-modal{width:min(1050px,95vw)}.users-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:420px;margin-top:9px;display:grid;overflow-y:auto}.users-permission-grid label{background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:flex-start;gap:10px;padding:12px;display:flex}.users-permission-grid strong,.users-permission-grid small{display:block}.users-permission-grid small{color:#64748b;margin-top:4px}@media (max-width:1450px){.users-workspace-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:1100px){.users-workspace-grid{grid-template-columns:1fr}.users-side-column{grid-template-columns:repeat(3,minmax(0,1fr))}.users-filter-toolbar{flex-wrap:wrap}.users-filter-spacer{display:none}}@media (max-width:780px){.users-page-heading{flex-direction:column;align-items:stretch}}.settings-reference-page{gap:16px;display:grid}.settings-page-heading,.settings-breadcrumb,.settings-company-brand,.settings-toggle-row,.settings-notification-list>div,.settings-footer,.settings-footer>div{align-items:center;display:flex}.settings-page-heading,.settings-toggle-row,.settings-notification-list>div,.settings-footer{justify-content:space-between}.settings-breadcrumb{color:#64748b;font-size:var(--font-size-sm);gap:10px;margin-bottom:8px}.settings-breadcrumb span{color:#0b5cff}.settings-page-heading h1{color:#0f172a;font-size:var(--font-size-xl);margin:0}.settings-page-heading p{color:#64748b;margin:6px 0 0}.settings-main-grid{grid-template-columns:215px minmax(0,1fr);align-items:start;gap:14px;display:grid}.settings-nav-panel{gap:4px;padding:10px;display:grid;position:sticky;top:16px}.settings-nav-item{color:#24324a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;min-height:39px;padding:0 10px;display:grid}.settings-nav-item.active{color:#075df7;background:#eaf2ff}.settings-content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-card{min-width:0;padding:18px}.settings-card h3{color:#111827;font-size:var(--font-size-base);margin:0 0 18px}.settings-fields{gap:12px;display:grid}.settings-fields label,.settings-prefix-grid label{color:#334155;font-size:var(--font-size-xs);gap:6px;font-weight:700;display:grid}.settings-fields input,.settings-fields select,.settings-prefix-grid input{color:#172033;background:#fff;border:1px solid #d7e0ec;border-radius:6px;outline:none;width:100%;min-height:38px;padding:0 10px}.settings-fields input:focus,.settings-fields select:focus,.settings-prefix-grid input:focus{border-color:#78a9ff;box-shadow:0 0 0 3px #2563eb14}.settings-two-fields,.settings-prefix-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.settings-toggle-row{gap:12px;padding-top:4px}.settings-toggle-row strong,.settings-toggle-row small,.settings-notification-list strong,.settings-notification-list small{display:block}.settings-toggle-row strong,.settings-notification-list strong{font-size:var(--font-size-xs)}.settings-toggle-row small,.settings-notification-list small{color:#64748b;font-size:var(--font-size-xs);margin-top:4px;line-height:1.45}.settings-toggle{background:#246cf0;border:0;border-radius:999px;flex:0 0 34px;width:34px;height:20px;padding:2px}.settings-toggle span{background:#fff;border-radius:50%;width:16px;height:16px;margin-left:auto;display:block}.settings-toggle.disabled{cursor:not-allowed;opacity:.75;background:#aab8ce}.settings-toggle.disabled span{margin-left:0}.settings-company-brand{gap:14px;margin-bottom:16px}.settings-company-brand img{object-fit:contain;background:#fff;border:1px solid #e3e9f2;border-radius:10px;width:76px;height:76px}.settings-company-brand small{color:#64748b;max-width:180px;font-size:var(--font-size-xs);margin-top:7px;line-height:1.4;display:block}.settings-info-list{display:grid}.settings-info-list div{min-height:39px;font-size:var(--font-size-xs);border-bottom:1px solid #edf1f6;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.settings-info-list span{color:#334155}.settings-info-list strong{color:#172033;text-align:right;font-weight:600}.settings-production-badge{background:#e8f8ed;border-radius:6px;padding:5px 8px;color:#15803d!important}.settings-wide-button{justify-content:center;width:100%;margin-top:14px}.settings-prefix-grid{gap:12px}.settings-notification-list{gap:2px;display:grid}.settings-notification-list>div{gap:12px;min-height:48px}.settings-card-note{color:#64748b;font-size:var(--font-size-xs);margin-top:12px;line-height:1.5;display:block}.settings-mobile-save{display:none}.settings-footer{color:#64748b;font-size:var(--font-size-xs);gap:20px;padding:20px 2px 6px}.settings-footer>div{gap:30px}@media (max-width:1450px){.settings-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1050px){.settings-main-grid{grid-template-columns:1fr}.settings-nav-panel{grid-template-columns:repeat(3,minmax(0,1fr));position:static}}@media (max-width:760px){.settings-page-heading,.settings-footer{flex-direction:column;align-items:stretch}.settings-content-grid,.settings-two-fields,.settings-prefix-grid{grid-template-columns:1fr}.settings-nav-panel{grid-template-columns:1fr 1fr}.settings-mobile-save{display:inline-flex}.settings-footer>div{flex-direction:column;align-items:flex-start;gap:8px}}.settings-tab-content{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.settings-tab-card{min-height:590px;animation:.18s settings-tab-card-in}.settings-system-info-card{position:sticky;top:16px}.settings-tab-save{grid-column:1/-1;justify-self:end;min-width:170px}.settings-placeholder-card{text-align:center;color:#2563eb;background:#f8fbff;border:1px dashed #cbd5e1;border-radius:12px;align-content:center;place-items:center;gap:12px;min-height:420px;padding:34px;display:grid}.settings-placeholder-card strong{color:#0f172a;font-size:var(--font-size-lg)}.settings-placeholder-card p{color:#64748b;max-width:520px;margin:0;line-height:1.6}.settings-card-link{justify-self:center;width:fit-content;margin-top:8px;text-decoration:none}@keyframes settings-tab-card-in{0%{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.settings-tab-content{grid-template-columns:1fr}.settings-system-info-card{position:static}}@media (max-width:760px){.settings-tab-card{min-height:0}.settings-tab-save{justify-self:stretch;width:100%}}.network-main-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.92fr) minmax(0,1.12fr)!important;align-items:stretch!important}.network-main-grid>*{min-width:0!important}.network-chart-card,.network-topology-card,.network-interface-card{min-width:0!important;height:auto!important;min-height:390px!important;position:relative!important;overflow:hidden!important}.network-chart-card{flex-direction:column!important;display:flex!important}.network-bandwidth-chart{flex:auto!important;height:220px!important;min-height:220px!important;overflow:hidden!important}.network-chart-svg{min-width:0!important;overflow:hidden!important}.network-chart-svg svg{width:100%!important;max-width:100%!important;height:calc(100% - 24px)!important;display:block!important;overflow:hidden!important}.network-bandwidth-summary{z-index:3!important;background:#fff!important;flex:none!important;min-height:78px!important;margin-top:14px!important;padding-top:14px!important;position:relative!important}.network-bandwidth-summary>div{flex:1 1 0!important;min-width:0!important}.network-bandwidth-summary strong,.network-bandwidth-summary small,.network-bandwidth-summary span{overflow-wrap:anywhere!important}.network-topology-card{flex-direction:column!important;display:flex!important}.network-topology{flex:auto!important;width:100%!important;min-width:0!important;height:330px!important;min-height:330px!important;position:relative!important;overflow:hidden!important}.topology-node{box-sizing:border-box!important;min-width:0!important;max-width:42%!important;overflow:hidden!important}.topology-node div{min-width:0!important}.topology-node strong,.topology-node small{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important}.topology-node.core{width:48%!important;max-width:48%!important}.topology-node.distribution,.topology-node.wireless{width:42%!important;max-width:42%!important}.topology-node.access.one,.topology-node.access.two,.topology-node.aps{width:31%!important;max-width:31%!important}.topology-node.distribution{left:2%!important}.topology-node.wireless{right:2%!important}.topology-node.access.one{left:0!important}.topology-node.access.two{left:34.5%!important}.topology-node.aps{right:0!important}.network-bottom-grid{z-index:1!important;clear:both!important;margin-top:0!important;position:relative!important}@media (max-width:1450px){.network-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.network-interface-card{grid-column:1/-1!important}.network-chart-card,.network-topology-card{min-height:410px!important}}@media (max-width:980px){.network-main-grid{grid-template-columns:minmax(0,1fr)!important}.network-interface-card{grid-column:auto!important}.network-chart-card,.network-topology-card,.network-interface-card{min-height:0!important}.network-topology{height:350px!important;min-height:350px!important}}.reports-analytics-grid{align-items:stretch!important}.reports-analytics-grid>*{min-width:0!important}.reports-chart-card{flex-direction:column!important;min-width:0!important;height:310px!important;min-height:310px!important;display:flex!important;position:relative!important;overflow:hidden!important}.reports-card-heading{z-index:5!important;background:#fff!important;flex:none!important;min-height:38px!important;position:relative!important}.reports-line-chart{flex:auto!important;height:auto!important;min-height:0!important;position:relative!important;overflow:hidden!important}.reports-svg-wrap{min-width:0!important;height:100%!important;min-height:0!important;position:relative!important;overflow:hidden!important}.reports-svg-wrap svg{width:100%!important;max-width:100%!important;height:calc(100% - 26px)!important;max-height:225px!important;display:block!important;overflow:hidden!important}.reports-svg-wrap polygon,.reports-svg-wrap polyline{vector-effect:non-scaling-stroke!important}.reports-x-axis{z-index:4!important;background:#fff!important;min-height:24px!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.reports-list-panel{z-index:2!important;clear:both!important;background:#fff!important;margin-top:0!important;position:relative!important}@media (max-width:1450px){.reports-chart-card{height:320px!important;min-height:320px!important}}@media (max-width:900px){.reports-chart-card{height:300px!important;min-height:300px!important}}.radius-overview-grid{z-index:1!important;align-items:stretch!important;row-gap:16px!important;position:relative!important}.radius-overview-grid>*{min-width:0!important}.radius-auth-chart-card{contain:paint!important;isolation:isolate!important;clip-path:inset(0 round 12px)!important;flex-direction:column!important;min-width:0!important;height:390px!important;min-height:390px!important;max-height:390px!important;display:flex!important;position:relative!important;overflow:hidden!important}.radius-card-heading{z-index:5!important;background:#fff!important;flex:none!important;position:relative!important}.radius-auth-kpis{z-index:4!important;background:#fff!important;flex:none!important;position:relative!important}.radius-auth-chart{contain:paint!important;clip-path:inset(0)!important;flex:auto!important;min-width:0!important;height:220px!important;min-height:0!important;max-height:220px!important;position:relative!important;overflow:hidden!important}.radius-auth-y{min-height:0!important;overflow:hidden!important}.radius-auth-svg{contain:paint!important;clip-path:inset(0)!important;min-width:0!important;height:220px!important;min-height:0!important;max-height:220px!important;position:relative!important;overflow:hidden!important}.radius-auth-svg svg{clip-path:inset(0)!important;width:100%!important;max-width:100%!important;height:calc(100% - 24px)!important;max-height:calc(100% - 24px)!important;display:block!important;position:absolute!important;inset:0 0 24px!important;overflow:hidden!important}.radius-auth-svg polyline,.radius-auth-svg polygon,.radius-auth-svg path{clip-path:inset(0)!important}.radius-auth-x{z-index:5!important;background:#fff!important;justify-content:space-between!important;align-items:flex-end!important;min-height:24px!important;display:flex!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.radius-chart-legend{z-index:6!important;background:#fff!important;flex:0 0 28px!important;min-height:28px!important;margin-top:0!important;padding-top:8px!important;position:relative!important}.radius-bottom-grid{z-index:10!important;clear:both!important;margin-top:0!important;position:relative!important}.radius-bottom-grid>.panel{z-index:10!important;isolation:isolate!important;background:#fff!important;position:relative!important}@media (max-width:1450px){.radius-auth-chart-card{height:410px!important;min-height:410px!important;max-height:410px!important}}@media (max-width:900px){.radius-auth-chart-card{height:380px!important;min-height:380px!important;max-height:380px!important}.radius-auth-chart,.radius-auth-svg{height:205px!important;max-height:205px!important}}.customer-modal{width:min(860px,95vw)!important;max-height:92vh!important;overflow-y:auto!important}.customer-full-form{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.customer-form-section{border-bottom:1px solid #e8edf4;margin-top:4px;padding:12px 0 4px}.customer-form-section:first-child{margin-top:0;padding-top:0}.customer-form-section-title{color:#0f172a;font-size:var(--font-size-sm);font-weight:800}.customer-full-form label{min-width:0}.customer-full-form input,.customer-full-form select{width:100%}@media (max-width:700px){.customer-full-form{grid-template-columns:1fr!important}}.subscriber-growth-chart{flex-direction:column;min-width:0;height:100%;display:flex}.subscriber-growth-chart .growth-bars{flex:auto;min-height:0}.subscriber-growth-axis{color:#718096;min-height:28px;font-size:var(--font-size-xs);border-top:1px solid #dfe7f1;justify-content:space-between;align-items:center;gap:8px;padding:7px 2px 0;font-weight:700;line-height:1;display:flex}.subscriber-growth-axis span{white-space:nowrap;min-width:0}@media (max-width:700px){.subscriber-growth-axis{font-size:var(--font-size-xs)}}.customer-full-form .full-field{grid-column:1/-1}.subscriber-details-page{gap:18px;padding-bottom:40px;display:grid}.sd-header{gap:12px;display:grid}.sd-breadcrumb{color:#6b7c95;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.sd-breadcrumb a{color:#1268e8;font-weight:600;text-decoration:none}.sd-breadcrumb strong{color:#0f1c33;font-weight:600}.sd-header-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sd-header-identity h1{color:#0f1c33;letter-spacing:-.03em;margin:0;font-size:24px;font-weight:700}.sd-header-identity p{color:#5b6b84;margin:6px 0 0;font-size:13.5px}.sd-badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.sd-badge{color:#475569;background:#eef2f7;border-radius:999px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.sd-badge.status-active,.sd-badge.online{color:#059669;background:#ecfdf5}.sd-badge.status-suspended{color:#c2410c;background:#fff7ed}.sd-badge.status-inactive,.sd-badge.offline{color:#64748b;background:#f1f5f9}.sd-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-dropdown-btn{color:#0f172a;height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d4e3;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.sd-dropdown-btn:hover{background:#f8fafc;border-color:#aebcce}.sd-dropdown-btn[aria-expanded=true],.sd-dropdown-btn.is-open{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.sd-portal-menu button:focus-visible,.sd-portal-menu button:hover:not(:disabled){color:#1d4ed8;background:#eff6ff}.sd-portal-menu button[aria-current=true],.sd-portal-menu button.is-active{color:#1e40af;background:#dbeafe;font-weight:700}.sd-save-btn{color:#fff;height:38px;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.sd-save-btn:hover:not(:disabled){background:#1d4ed8}.sd-save-btn:disabled{opacity:.45;cursor:not-allowed}.sd-icon-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dce5f0;border-radius:10px;place-items:center;width:36px;height:36px;text-decoration:none;display:grid}.sd-icon-btn[aria-disabled=true]{opacity:.4;pointer-events:none}.sd-icon-btn:hover{color:#1268e8;background:#f4f8ff;border-color:#bfd3f2}.sd-portal-menu,.subscriber-row-menu-portal,.row-actions-menu-portal{z-index:10050;background:#fff;border:1px solid #e2e8f1;border-radius:12px;gap:2px;width:220px;padding:8px;display:grid;position:fixed;box-shadow:0 18px 45px #0f172a2e}.sd-portal-menu button,.subscriber-row-menu-portal button,.row-actions-menu-portal a,.row-actions-menu-portal button{color:#1e293b;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;text-decoration:none;display:flex}.sd-portal-menu button:hover:not(:disabled),.subscriber-row-menu-portal button:hover:not(:disabled),.row-actions-menu-portal a:hover,.row-actions-menu-portal button:hover:not(:disabled){color:#1268e8;background:#f4f8ff}.sd-portal-menu button:disabled,.subscriber-row-menu-portal button:disabled,.row-actions-menu-portal button:disabled{color:#9aa6b8;cursor:not-allowed}.sd-tabs{scrollbar-width:thin;border-bottom:1px solid #e6edf6;gap:4px;display:flex;overflow-x:auto}.sd-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:12px 14px;font-size:14px;font-weight:600}.sd-tabs button.is-active{color:#1268e8;border-bottom-color:#1268e8}.sd-tab-panel{gap:16px;display:grid}.sd-card{background:#fff;border:1px solid #e6edf6;border-radius:16px;box-shadow:0 10px 28px #0f172a0a}.sd-card-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 0;display:flex}.sd-card-head h3{color:#0f1c33;margin:0;font-size:16px;font-weight:700}.sd-card-head-wrap{flex-wrap:wrap}.sd-card-body{padding:16px 18px 18px}.sd-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sd-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.sd-field span{color:#6b7c95;margin-bottom:4px;font-size:12.5px;display:block}.sd-field strong{color:#0f1c33;overflow-wrap:anywhere;font-size:14px;font-weight:600;display:block}.sd-field-edit input,.sd-field-edit select{color:#0f1c33;width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d4deeb;border-radius:10px;padding:9px 11px}.sd-field-grid-editing{gap:14px 16px}.sd-inline-edit-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.sd-inline-edit-actions .ghost-button,.sd-inline-edit-actions .primary-button{align-items:center;gap:6px;display:inline-flex}.sd-inline-edit-error{margin-top:12px}.sd-inline-edit-bar{background:#f5f9ff;border:1px solid #d7e6fb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.sd-inline-edit-bar p{color:#334155;margin:0;font-size:13.5px;font-weight:600}.sd-inline-edit-bar-footer{justify-content:flex-end;margin:14px 0 0}.sd-actions-cell{width:56px}.sd-address-cell{overflow-wrap:anywhere;color:#334155;max-width:220px;font-size:13px}.sd-service-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:4px 18px 18px;display:grid}.sd-service-view-grid>div{gap:4px;display:grid}.sd-service-view-grid>div.full{grid-column:1/-1}.sd-service-view-grid span{color:#6b7c95;font-size:12.5px}.sd-service-view-grid strong{color:#0f1c33;overflow-wrap:anywhere;font-size:14px;font-weight:600}.sd-service-password-row{align-items:center;gap:8px;display:flex}@media (max-width:640px){.sd-service-view-grid{grid-template-columns:1fr}}.sd-doc-link{color:#1268e8;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:600;display:inline}.sd-doc-link:hover{text-decoration:underline}.sd-doc-preview-modal{flex-direction:column;width:min(960px,100%);max-height:92vh;display:flex;overflow:hidden}.sd-doc-preview-body{background:#f8fafc;min-height:320px;max-height:calc(92vh - 150px);padding:0 18px;overflow:auto}.sd-doc-preview-frame{background:#fff;border:0;width:100%;height:min(70vh,720px);display:block}.sd-doc-preview-image{background:#fff;border-radius:8px;max-width:100%;height:auto;margin:16px auto;display:block}.sd-doc-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#0f1c33;background:#fff;border:1px solid #e6edf6;border-radius:12px;margin:16px 0;padding:14px 16px;font-size:13px;line-height:1.5}.sd-doc-preview-unsupported{text-align:center;color:#6b7c95;place-items:center;gap:10px;min-height:280px;padding:24px;display:grid}.sd-doc-preview-unsupported p{max-width:36ch;margin:0}.sd-doc-preview-actions{background:#fff;border-top:1px solid #eef2f7;margin:0;padding:14px 18px 18px}.sd-doc-preview-actions .ghost-button{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.sd-comm-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.sd-comm-note-form{gap:10px;margin-bottom:16px;display:grid}.sd-comm-note-form textarea{width:100%;font:inherit;resize:vertical;box-sizing:border-box;border:1px solid #d4deeb;border-radius:10px;padding:10px 12px}.sd-comm-note-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-comm-pin-check{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.sd-comm-pin-check span{color:#0f1c33;font-size:13px;font-weight:600}.sd-comm-note-controls{align-items:center;gap:4px;display:inline-flex}.sd-comm-note-controls .sd-icon-btn.is-active{color:#1268e8;background:#e8f1ff;border-color:#9fc0ef}.sd-comm-message-aside-top{align-items:center;gap:6px;display:inline-flex}.sd-comm-note-list,.sd-comm-message-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sd-comm-note-list li{background:#fff;border:1px solid #e6edf6;border-radius:12px;padding:12px 14px}.sd-comm-note-list li.is-pinned{background:#f7faff;border-color:#bfd3f2}.sd-comm-note-meta{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.sd-comm-note-meta strong{color:#0f1c33;font-size:13px;display:block}.sd-comm-note-meta small{color:#6b7c95;margin-top:2px;display:block}.sd-comm-note-list p{color:#0f1c33;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.sd-comm-pin{color:#1268e8;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-flex}.sd-comm-message-list li{background:#fff;border:1px solid #e6edf6;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 14px;display:grid}.sd-comm-message-icon{color:#1268e8;background:#f4f8ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.sd-comm-message-list strong{color:#0f1c33;font-size:14px;display:block}.sd-comm-message-list small{color:#6b7c95;margin-top:2px;display:block}.sd-comm-message-list p{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0;font-size:13px}.sd-comm-message-list em{color:#b45309;margin-top:6px;font-size:12px;font-style:normal;display:block}.sd-comm-message-list aside{justify-items:end;gap:6px;display:grid}.sd-comm-message-list time{color:#94a3b8;white-space:nowrap;font-size:11px}@media (max-width:980px){.sd-comm-grid{grid-template-columns:1fr}.sd-comm-message-list li{grid-template-columns:36px minmax(0,1fr)}.sd-comm-message-list aside{grid-column:2;grid-auto-flow:column;place-items:center start}}.sd-action-menu-wrap{display:inline-flex;position:relative}.sd-row-menu{z-index:30;background:#fff;border:1px solid #dfe6ef;border-radius:12px;gap:2px;min-width:160px;padding:7px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 18px 45px #0f172a29}.sd-row-menu a,.sd-row-menu button{color:#1e293b;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 11px;text-decoration:none;display:flex}.sd-row-menu a:hover,.sd-row-menu button:hover:not(:disabled){color:#2563eb;background:#f4f8fd}.sd-row-menu button:disabled{color:#9aa6b8;cursor:not-allowed}.sd-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sd-summary-grid article,.sd-billing-kpis article{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px 14px}.sd-summary-grid span,.sd-billing-kpis span{color:#6b7c95;margin-bottom:6px;font-size:12px;display:block}.sd-summary-grid strong,.sd-billing-kpis strong{color:#0f1c33;font-size:16px;font-weight:700;display:block}.sd-section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.sd-docs-toolbar{justify-content:flex-end;margin-bottom:4px}.sd-section-toolbar h3{color:#0f1c33;margin:0;font-size:18px;font-weight:700}.sd-section-toolbar p{color:#6b7c95;margin:4px 0 0;font-size:13px}.sd-table-wrap{overflow-x:auto}.sd-table{border-collapse:collapse;width:100%;min-width:880px}.sd-table.compact{min-width:520px}.sd-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e6edf6;padding:11px 12px;font-size:13px;font-weight:700}.sd-table td{color:#0f1c33;vertical-align:top;border-bottom:1px solid #eef2f7;padding:12px;font-size:13.5px}.sd-table td small{color:#6b7c95;margin-top:3px;font-size:12px;display:block}.sd-chip{color:#475569;background:#eef2f7;border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.sd-chip.online,.sd-chip.active{color:#059669;background:#ecfdf5}.sd-chip.offline,.sd-chip.neutral{color:#64748b;background:#f1f5f9}.sd-chip.suspended{color:#c2410c;background:#fff7ed}.sd-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-linkish{color:#1268e8;font-weight:600}.sd-inline-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.sd-inline-controls label{color:#64748b;gap:5px;font-size:12px;font-weight:600;display:grid}.sd-inline-controls select,.sd-inline-controls input{color:#0f1c33;font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;min-width:140px;padding:9px 11px}.sd-stats-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-pill{color:#334155;background:#f8fafc;border:1px solid #dce5f0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.sd-empty,.sd-error{text-align:center;color:#64748b;justify-items:center;gap:8px;padding:28px 18px;display:grid}.sd-empty strong,.sd-error strong{color:#0f1c33;font-size:15px}.sd-empty p,.sd-error p{max-width:520px;margin:0;font-size:13.5px;line-height:1.5}.sd-empty-icon{color:#1268e8;background:#eff6ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.sd-error{text-align:left;color:#b91c1c;background:#fff7f7;border:1px solid #fecaca;border-radius:14px;grid-template-columns:auto 1fr auto;justify-items:start}.sd-skeleton-block{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #dbe3ef;border-radius:14px;place-items:center;min-height:180px;padding:28px;font-weight:600;display:grid}.sd-skeleton-page{min-height:min(70vh,640px)}.subscriber-row-link{color:inherit;text-decoration:none;display:block}.subscriber-row-link:hover strong{color:#1268e8}.sd-bandwidth-footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.sd-bandwidth-footer span{color:#6b7c95;margin-bottom:4px;font-size:12px;display:block}.sd-bandwidth-footer strong{color:#0f1c33;font-size:14px}.sd-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.sd-pagination-controls{align-items:center;gap:8px;display:flex}.sd-page-active{color:#fff;background:#1268e8;border-radius:8px;place-items:center;min-width:32px;height:32px;font-weight:700;display:grid}.sd-ledger-list{gap:10px;display:grid}.sd-ledger-balance{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sd-ledger-row{border-bottom:1px solid #eef2f7;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.sd-ledger-row small{color:#6b7c95;margin-top:3px;display:block}.sd-profile-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;display:grid}.sd-profile-form>label:not(.check-field){color:#475569;align-content:start;gap:8px;font-size:13px;font-weight:600;line-height:1.3;display:grid}.sd-profile-form select,.sd-profile-form input:not([type=checkbox]){box-sizing:border-box;color:#0f1c33;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:10px;padding:10px 12px}.sd-profile-form select:focus,.sd-profile-form input:not([type=checkbox]):focus{border-color:#1268e8;outline:none;box-shadow:0 0 0 3px #1268e81a}.sd-profile-form .check-field{grid-column:1/-1;align-items:center;margin:0;gap:12px!important}.sd-muted-note{color:#94a3b8;margin:10px 0 0;font-size:12px}@media (max-width:1100px){.sd-info-grid,.sd-summary-grid,.sd-billing-kpis,.sd-bandwidth-footer,.sd-profile-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.sd-header-identity h1{font-size:20px}.sd-info-grid,.sd-field-grid,.sd-summary-grid,.sd-billing-kpis,.sd-bandwidth-footer,.sd-profile-form,.sd-error{grid-template-columns:1fr}}.leads-page{gap:16px;display:grid}.leads-hero{align-items:flex-end}.leads-tabs-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.leads-tabs{border-bottom:1px solid #e6edf6;gap:4px;display:inline-flex}.leads-tabs button{font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-weight:700}.leads-tabs button.is-active{color:#1268e8;border-bottom-color:#1268e8}.leads-filters{grid-template-columns:1.4fr repeat(5,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:14px 16px;display:grid}.leads-filters label{color:#64748b;gap:6px;font-size:12px;font-weight:700;display:grid}.leads-filters input,.leads-filters select{width:100%;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #d4deeb;border-radius:10px;padding:9px 11px}.leads-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.leads-kpi-grid article{background:#fff;border:1px solid #e6edf6;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #0f172a0a}.leads-kpi-grid span{color:#64748b;font-size:12.5px;font-weight:600;display:block}.leads-kpi-grid strong{color:#0f1c33;margin-top:4px;font-size:22px;display:block}.leads-kpi-icon{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.leads-kpi-icon.blue{color:#1268e8;background:#e8f1ff}.leads-kpi-icon.purple{color:#7c3aed;background:#f3e8ff}.leads-kpi-icon.green{color:#059669;background:#ecfdf5}.leads-kpi-icon.orange{color:#ea580c;background:#fff7ed}.leads-board{grid-template-columns:repeat(6,minmax(240px,1fr));gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.leads-column{background:#f4f7fb;border:1px solid #e6edf6;border-radius:16px;flex-direction:column;min-width:240px;min-height:420px;display:flex}.leads-column header{justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 12px 8px;display:flex}.leads-column header strong{color:#0f1c33;font-size:13.5px;display:block}.leads-column header span{color:#64748b;margin-top:3px;font-size:12px;font-weight:600;display:block}.leads-column-body{flex:1;align-content:start;gap:10px;padding:0 10px;display:grid}.leads-empty-stage{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #d4deeb;border-radius:12px;place-items:center;gap:8px;min-height:140px;padding:16px;font-size:12.5px;display:grid}.lead-card{cursor:grab;background:#fff;border:1px solid #e6edf6;border-radius:14px;gap:4px;padding:12px;display:grid;box-shadow:0 6px 18px #0f172a0a}.lead-card:active{cursor:grabbing}.lead-card.is-converted{color:#64748b;cursor:default;opacity:.78;box-shadow:none;background:#f1f5f9;border-color:#dbe3ee}.lead-card.is-converted:active{cursor:default}.lead-card.is-converted>strong{color:#475569}.lead-card.is-converted>small{color:#94a3b8}.lead-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.lead-card-top em{border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700}.lead-card-top em.internet{color:#1268e8;background:#e8f1ff}.lead-card-top em.tech{color:#7c3aed;background:#f3e8ff}.lead-card-top time{color:#94a3b8;font-size:11px;font-weight:600}.lead-card>strong{color:#0f1c33;font-size:14px}.lead-card>small{color:#64748b;overflow-wrap:anywhere;font-size:12px}.lead-converted{font-weight:600;color:#059669!important}.lead-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.lead-card-foot button,.lead-card-link{color:#1268e8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;text-decoration:none}.lead-card-actions{align-items:center;gap:10px;display:inline-flex}.lead-locked{color:#94a3b8;font-size:12px;font-weight:650}.leads-won-hint{text-align:center;color:#94a3b8;margin:8px 12px 12px;font-size:12px;font-weight:600}.lead-row-converted td{color:#64748b;background:#f8fafc}.convert-tech-note{color:#475569;margin:0;font-size:13.5px;line-height:1.45}.modal-sub{color:#64748b;margin:4px 0 0;font-size:13px}.lead-avatar{color:#fff;background:#1268e8;border-radius:999px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.leads-add-link{color:#1268e8;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin:10px;padding:6px 4px;font-size:13px;font-weight:700;display:inline-flex}.leads-summary-panel{margin-top:4px}.leads-revenue{font-weight:700;color:#059669!important}.leads-total-row td{background:#f8fafc;font-weight:700}.type-internet{color:#1268e8}.type-tech{color:#7c3aed}.leads-list-actions{gap:6px;display:inline-flex}.status-badge.new{color:#1268e8;background:#e8f1ff}.status-badge.contacted{color:#2563eb;background:#eff6ff}.status-badge.qualified{color:#059669;background:#ecfdf5}.status-badge.proposal{color:#ea580c;background:#fff7ed}.status-badge.won{color:#047857;background:#ecfdf5}.status-badge.lost{color:#dc2626;background:#fef2f2}@media (max-width:1200px){.leads-filters,.leads-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.leads-filters,.leads-kpi-grid{grid-template-columns:1fr}}.customer-billing-tab{gap:24px}.cb-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cb-header h3{color:#0f1c33;margin:0;font-size:19px;font-weight:700}.cb-header p{color:#64748b;margin:4px 0 0;font-size:13.5px}.cb-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.cb-header-actions .cb-mobile-more{display:none}.cb-more{position:relative}.cb-more-menu{z-index:120;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:230px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #0f172a1f}.cb-more-menu button{text-align:left;font:inherit;color:#0f1c33;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:13px}.cb-more-menu button:hover:not(:disabled){background:#f1f5f9}.cb-more-menu button:disabled{color:#94a3b8;cursor:not-allowed}.cb-subtabs{scrollbar-width:thin;border-bottom:1px solid #e6edf6;gap:4px;padding-bottom:0;display:flex;overflow-x:auto}.cb-subtabs button{white-space:nowrap;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font-size:13.5px;font-weight:700}.cb-subtabs button.is-active,.cb-subtabs button[aria-selected=true]{color:#1268e8;border-bottom-color:#1268e8}.cb-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.cb-kpi-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cb-kpi{background:#fff;border:1px solid #e6edf6;border-radius:14px;gap:6px;min-width:0;padding:16px 18px;display:grid}.cb-kpi span{color:#64748b;font-size:12.5px;font-weight:600}.cb-kpi strong{color:#0f1c33;font-size:24px;font-weight:700;line-height:1.15}.cb-kpi small{color:#94a3b8;font-size:12.5px}.cb-kpi.tone-outstanding strong,.cb-kpi.tone-overdue strong{color:#dc2626}.cb-kpi.tone-credit strong{color:#0f766e}.cb-kpi.tone-settled strong{color:#059669}.cb-split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.cb-overview{gap:22px;display:grid}.cb-profile-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.cb-profile-summary div{gap:4px;display:grid}.cb-profile-summary dt{color:#64748b;font-size:12.5px;font-weight:600}.cb-profile-summary dd{color:#0f1c33;margin:0;font-size:14px;font-weight:650}.cb-row-actions{justify-content:flex-end;align-items:center;display:inline-flex}.cb-actions-cell{text-align:right;width:48px}.cb-section{gap:18px;display:grid}.cb-section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cb-section-toolbar-end{justify-content:flex-end}.cb-section-toolbar h4{color:#0f1c33;margin:0;font-size:15px;font-weight:700}.cb-section-toolbar p{color:#64748b;margin:4px 0 0;font-size:13px}.cb-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.cb-filters label{color:#475569;gap:6px;font-size:12.5px;font-weight:600;display:grid}.cb-filters input,.cb-filters select{width:100%;font:inherit;background:#fff;border:1px solid #dbe3ee;border-radius:10px;padding:9px 11px}.cb-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.cb-sort{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.cb-money{font-variant-numeric:tabular-nums}.cb-money.is-credit{color:#0f766e}.cb-money.is-empty{color:#94a3b8}.cb-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.cb-unsaved{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:0;padding:10px 12px;font-size:13.5px}.cb-muted-note{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.cb-config-form{max-width:920px}.cb-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cb-method-card{background:#f8fafc;border:1px solid #e6edf6;border-radius:12px;gap:4px;padding:12px;display:grid}.cb-method-card strong{color:#0f1c33;font-size:13.5px}.cb-method-card small{color:#64748b;font-size:12px}.cb-method-card.is-preferred{background:#eef4ff;border-color:#bfdbfe}.cb-skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.cb-skeleton-card{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9) 0 0/200% 100%;border-radius:14px;height:96px;animation:1.2s linear infinite cb-shimmer}@keyframes cb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1280px){.cb-kpi-grid,.cb-skeleton-grid,.cb-kpi-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}.cb-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.cb-split-grid{grid-template-columns:1fr}.cb-filters,.cb-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cb-kpi-grid,.cb-kpi-grid-5,.cb-skeleton-grid,.cb-filters,.cb-profile-summary,.cb-method-grid{grid-template-columns:1fr}.cb-header-actions .ghost-button:not(.primary-button),.cb-header-actions .cb-more>.ghost-button{display:none}.cb-header-actions .cb-mobile-more{display:inline-grid}.cb-header-actions .primary-button{display:inline-flex}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
