@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/9ff27b8a0a8f3dc0-s.p.2rb3m_gxg9vnu.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/a5b03b231ce290a0-s.313uu58ed9idt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cairo;font-style:normal;font-weight:200 1000;font-display:swap;src:url(../media/d41831e24743a3c1-s.p.1fah83w58uawv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cairo Fallback;src:local(Arial);ascent-override:137.65%;descent-override:60.32%;line-gap-override:0.0%;size-adjust:94.66%}.cairo_883b24e3-module__pW5XIG__className{font-family:Cairo,Cairo Fallback;font-style:normal}.cairo_883b24e3-module__pW5XIG__variable{--font-cairo:"Cairo", "Cairo Fallback"}
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--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;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-transparent{border-color:#0000}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.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-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#f6f8fb;--foreground:#18202d;--card:#fff;--border:#e7ebf1;--muted:#647083;--blue:#1678f3;--green:#16a34a;--red:#ef2d2d;--orange:#f08b00;--radius:12px}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--app-font,var(--font-cairo)), Cairo, Arial, sans-serif;font-size:var(--app-font-size,14px);font-weight:var(--app-font-weight,500);letter-spacing:0;margin:0}h1,h2,h3,h4,h5,h6,b,strong,th,button{font-family:inherit}h1,h2,h3,h4,h5,h6,b,strong{font-weight:700}input,select,textarea{font-family:inherit;font-weight:inherit}.appearance-controls{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;display:grid}.appearance-controls label{color:var(--muted);gap:7px;font-size:11px;display:grid}.appearance-controls select{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;padding:10px}.font-preview{border:1px dashed var(--blue);background:var(--blue);border-radius:10px;gap:5px;margin:15px 0;padding:16px;display:grid}@supports (color:color-mix(in lab, red, red)){.font-preview{background:color-mix(in srgb, var(--blue) 8%, var(--card))}}.font-preview small{color:var(--blue);font-size:10px}.font-preview strong{font-size:24px}.font-preview span{color:var(--muted);font-size:14px}button{font:inherit;cursor:pointer}.app{color:#18202d;direction:rtl;background:#f6f8fb;min-height:100vh;display:flex}.app-loading{background:var(--background)}.app.dark{color:#f4f7fb;--card:#151b20;--border:#293139;--muted:#d5dde7;--foreground:#fff;background:#0d1115}.app.dark input,.app.dark select,.app.dark textarea{color:#fff;font-weight:600}.app.dark input::placeholder,.app.dark textarea::placeholder{color:#b8c3d0;opacity:1;font-weight:500}.app.dark option{color:#fff;background:#151b20}.app.dark th{color:#d5dde7;font-weight:700}.app.dark td{color:#fff;font-weight:600}.app.dark .section-head,.app.dark .page-heading h1,.app.dark .settings-heading h1,.app.dark .setting-title h2,.app.dark .detail-header strong,.app.dark .brand strong{color:#fff}.app.dark .search{color:#d5dde7}.app.dark .alert-row span,.app.dark .alert-row small,.app.dark .stat-card span,.app.dark .stat-card small,.app.dark .settings-heading p,.app.dark .setting-title p,.app.dark .setting-row small,.app.dark .provider-row small,.app.dark .profile-fields small,.app.dark .detail-grid small{color:#c9d3df}aside{background:var(--card);border-left:1px solid var(--border);flex-direction:column;flex:0 0 238px;gap:25px;width:238px;padding:18px 13px;display:flex}.brand{white-space:nowrap;align-items:center;gap:9px;display:flex}.brand strong{color:var(--foreground);font-size:17px;display:block}.brand small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.router{color:var(--blue);border:2px solid;border-radius:9px;place-items:center;width:31px;height:25px;display:grid;transform:rotate(180deg)}nav{gap:7px;display:grid}nav button{color:var(--foreground);text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:12px 13px;font-size:13px;display:flex;position:relative}nav button.active{color:var(--blue);background:#eaf3ff;font-weight:700}.dark nav button{color:#fff;font-weight:600}.dark nav button.active{color:#fff;background:#132337;font-weight:700}.dark nav button svg{stroke-width:2.3px}.dark .mobile-nav button{color:#d5dde7;font-weight:600}.dark .mobile-nav button.active{color:#fff}nav button i,.notification i{color:#fff;background:#ef2d2d;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;font-style:normal;display:grid;position:absolute}nav button i{right:105px}.side-summary{border:1px solid var(--border);border-radius:10px;gap:6px;margin-top:auto;padding:14px;display:grid}.side-summary small{color:var(--muted);margin-top:7px;font-size:10px}.side-summary b{font-size:16px}.side-summary span{color:var(--muted);font-size:10px}main{flex:1;min-width:0}header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:73px;padding:0 28px;display:flex}.head-actions{align-items:center;gap:15px;display:flex}.head-actions .brand{order:-1}.icon-btn{color:inherit;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid;position:relative}.icon-btn:hover{background:#edf2f7}.dark .icon-btn:hover{background:#202a32}.notification i{top:0;right:0}.menu-btn{display:none}.search{border:1px solid var(--border);width:185px;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:flex}.content{max-width:1500px;margin:auto;padding:20px 27px 40px}.mobile-title{display:none}.stats{direction:rtl;grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--border);background:var(--card);text-align:right;border-radius:10px;align-content:center;gap:4px;min-height:96px;padding:13px;display:grid}.stat-card span{color:var(--muted);font-size:11px;font-weight:600}.stat-card b{font-size:21px}.stat-card small{color:var(--muted);font-size:10px}.stat-card.blue b{color:var(--blue)}.stat-card.red b{color:var(--red)}.stat-card.orange b{color:var(--orange)}.stat-card.green b{color:var(--green)}.overview{grid-template-columns:1fr 1.1fr;gap:14px;margin-top:14px;display:grid}.panel,.chart-box{border:1px solid var(--border);background:var(--card);border-radius:11px;overflow:hidden}.section-head{justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}.section-head a{color:var(--blue);font-size:11px}.alerts{min-height:270px}.alert-row{border-top:1px solid var(--border);align-items:center;gap:10px;min-height:53px;padding:8px 15px;display:flex}.alert-row>div:nth-child(2){flex:1;gap:4px;display:grid}.alert-row b{font-size:11px}.alert-row span{color:var(--muted);font-size:10px}.alert-row small{color:var(--muted);white-space:nowrap;font-size:9px}.alert-icon{color:#fff;border-radius:5px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:grid}.alert-icon.danger{background:var(--red)}.alert-icon.warn{background:var(--orange)}.alert-icon.info{background:var(--blue)}.chart-box{padding-bottom:14px}.chart{border-bottom:1px solid var(--border);gap:7px;height:135px;margin:0 18px;display:flex}.y-axis{width:20px;color:var(--muted);flex-direction:column;justify-content:space-between;padding:7px 0;font-size:8px;display:flex}.chart svg{flex:1;width:100%}.chart-labels{color:var(--muted);direction:ltr;justify-content:space-between;padding:5px 37px 0;font-size:8px;display:flex}.metrics{direction:rtl;grid-template-columns:repeat(4,1fr);gap:7px;padding:12px 12px 0;display:grid}.metrics div{border:1px solid var(--border);border-radius:8px;gap:4px;padding:8px 7px;display:grid}.metrics small,.metrics em{color:var(--muted);font-size:9px;font-style:normal}.metrics b{font-size:13px}.metrics em{color:var(--green)}.subscription-status{border-radius:999px;padding:4px 8px;font-size:9px;font-weight:700}.subscription-status.نشط{color:var(--green);background:#eaf8ef}.subscription-status.ينتهي\\ ق����يبًا{color:var(--orange);background:#fff3df}.subscription-status.منتهي,.subscription-status.متوقف{color:var(--red);background:#ffeded}.ubnt-section .form-grid{grid-template-columns:repeat(3,1fr)}.package-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.package-card{border:1px solid var(--border);border-radius:9px;gap:7px;padding:11px;display:grid}.package-card b{color:var(--blue);font-size:13px}.package-card span{color:var(--muted);font-size:10px}.package-card label{color:var(--muted);gap:4px;font-size:9px;display:grid}.package-card input{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:6px;width:100%;padding:7px;font-size:10px}.table-panel,.detail-panel{margin-top:14px}.detail-header{justify-content:space-between;align-items:center;padding:0 16px 14px;display:flex}.detail-header div{gap:4px;display:grid}.detail-header strong{font-size:15px}.detail-header span{color:var(--muted);font-size:10px}.status-pill{background:#eaf8ef;border-radius:999px;padding:5px 10px;color:var(--green)!important}.detail-grid{grid-template-columns:repeat(8,1fr);gap:8px;padding:0 12px 14px;display:grid}.detail-grid div{border:1px solid var(--border);border-radius:8px;gap:5px;padding:9px;display:grid}.detail-grid small{color:var(--muted);font-size:9px}.detail-grid b{direction:ltr;font-family:monospace;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px;font-size:10px}th,td{border-top:1px solid var(--border);text-align:right;white-space:nowrap;padding:11px 12px}th{color:var(--muted);font-size:9px;font-weight:500}td{font-size:10px}.ip-value{color:var(--blue);direction:ltr;font-family:monospace}.ip-link,.vendor-link{color:var(--blue);text-underline-offset:3px;cursor:pointer;font-weight:700;text-decoration:underline}.vendor-link:hover,.ip-link:hover,.ip-link:hover{color:var(--green)}.user-value{color:var(--foreground);direction:ltr;font-family:monospace;font-weight:700}.rate-value{color:var(--blue);direction:ltr;font-family:monospace}.dot{background:var(--green);border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.more,.eye{color:var(--blue);background:0 0;border:0;padding:2px 5px}.eye{font-size:11px}.lower{gap:14px;margin-top:14px;display:flex}.settings-card{border:1px solid var(--border);background:var(--card);border-radius:11px;gap:7px;width:260px;padding:14px;display:grid}.settings-card h3{margin:0 0 5px;font-size:12px}.settings-card button{border:1px solid var(--border);text-align:right;color:inherit;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.settings-card button span{color:var(--blue);margin-right:auto}.settings-card .selected{border-color:var(--blue)}.quick-actions{border:1px solid var(--border);background:var(--card);border-radius:11px;flex:1;grid-template-columns:repeat(6,1fr);gap:8px;padding:14px;display:grid}.quick-actions button{border:1px solid var(--border);color:var(--foreground);text-align:center;background:0 0;border-radius:9px;align-content:center;place-items:center;gap:10px;padding:12px 6px;display:grid}.quick-actions button svg{color:var(--blue)}.quick-actions span{font-size:11px;line-height:1.5}.overlay{display:none}.settings-page,.internal-page{gap:18px;display:none}.network-page{display:grid}.device-center{gap:14px;display:grid}.device-center-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.device-center-head h1{margin:6px 0 4px;font-size:26px}.device-center-head p{color:var(--muted);font-size:11px}.device-center-actions{align-items:center;gap:8px;display:flex}.device-hero{border:1px solid var(--border);background:linear-gradient(120deg, var(--card), var(--card));border-radius:11px;align-items:center;gap:12px;padding:15px;display:flex}@supports (color:color-mix(in lab, red, red)){.device-hero{background:linear-gradient(120deg, color-mix(in srgb, var(--card) 84%, var(--blue)), var(--card))}}.device-hero-icon{width:50px;height:50px;color:var(--blue);background:#132b4e;border-radius:12px;place-items:center;display:grid}.device-hero h2{margin:0 0 4px;font-size:18px}.device-hero p{color:var(--muted);font-size:10px}.device-hero>.device-status{margin-inline-start:auto}.device-kpis{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.device-kpis>div{border:1px solid var(--border);background:var(--card);border-radius:9px;gap:4px;padding:12px;display:grid}.device-kpis small,.device-kpis span{color:var(--muted);font-size:9px}.device-kpis b{color:var(--foreground);font-size:18px}.device-detail-columns{grid-template-columns:1.55fr 1fr;gap:12px;display:grid}.device-chart-panel,.device-info-panel{padding:14px}.recharts-wrap{direction:ltr;height:250px;margin-top:10px}.range-tabs{direction:rtl;gap:4px;display:flex}.range-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 8px;font-size:10px}.range-tabs button.active{color:var(--blue);background:#132b4e}.device-sections{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.device-sections .panel{padding:14px}.interface-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:10px;display:flex}.interface-row span,.interface-row strong{color:var(--muted)}.health-good{color:var(--green);font-size:10px}.health-bar{background:var(--border);border-radius:99px;height:8px;margin:18px 0 8px;overflow:hidden}.health-bar i{border-radius:inherit;background:var(--green);height:100%;display:block}.muted-note{color:var(--muted);font-size:10px}.health-layout{grid-template-columns:280px 1fr;gap:12px;display:grid}.health-panel{padding:14px}.health-gauge{background:conic-gradient(var(--green) 0 95%, var(--border) 95% 100%);border-radius:50%;place-items:center;width:150px;height:150px;margin:14px auto;display:grid;position:relative}.health-gauge:before{content:"";background:var(--card);border-radius:50%;position:absolute;inset:12px}.health-gauge>div{text-align:center;display:grid;position:relative}.health-gauge b{color:var(--green);font-size:28px}.health-gauge small{color:var(--muted);font-size:10px}.health-stats{color:var(--muted);grid-template-columns:1fr 1fr;gap:8px;font-size:10px;display:grid}.health-stats b{color:var(--foreground);margin-top:3px;display:block}.metric-progress{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.metric-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--green));height:100%;display:block}.detail-extra-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.detail-extra-grid .panel,.firmware-panel{padding:14px}.compact-table{gap:0;margin-top:9px;font-size:10px;display:grid}.compact-table>div{border-bottom:1px solid var(--border);grid-template-columns:1.2fr repeat(3,1fr);gap:8px;padding:9px 4px;display:grid}.compact-table span{color:var(--muted)}.tool-grid{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.alert-list{gap:9px;margin-top:12px;display:grid}.alert-list span{align-items:center;gap:7px;font-size:10px;display:flex}.alert-list small{color:var(--muted);margin-inline-start:auto}.alert-dot{border-radius:50%;width:8px;height:8px}.warning-dot{background:var(--orange)}.good-dot{background:var(--green)}.donut-chart{background:conic-gradient(var(--blue) 0 54%, var(--green) 54% 82%, #8b5cf6 82% 91%, var(--orange) 91% 100%);border-radius:50%;place-items:center;width:130px;height:130px;margin:14px auto;display:grid}.donut-chart>div{background:var(--card);text-align:center;border-radius:50%;place-content:center;width:88px;height:88px;display:grid}.donut-chart b{font-size:22px}.donut-chart small{color:var(--muted)}.legend-grid{grid-template-columns:1fr 1fr;gap:8px;font-size:10px;display:grid}.legend-grid span{align-items:center;gap:5px;display:flex}.legend-grid b{margin-inline-start:auto}.legend-grid i{border-radius:50%;width:7px;height:7px}.legend-blue{background:var(--blue)}.legend-green{background:var(--green)}.legend-purple{background:#8b5cf6}.legend-orange{background:var(--orange)}.device-summary{direction:rtl;grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.device-summary>div{border:1px solid var(--border);background:linear-gradient(135deg, var(--card), var(--card));min-height:94px}@supports (color:color-mix(in lab, red, red)){.device-summary>div{background:linear-gradient(135deg, color-mix(in srgb, var(--card) 92%, var(--blue)), var(--card))}}.device-summary>div{border-radius:10px;align-content:center;gap:4px;padding:13px;display:grid}.device-summary svg{color:var(--blue)}.device-summary small,.device-summary span{color:var(--muted);font-size:10px}.device-summary b{color:var(--foreground);font-size:22px}.device-toolbar{align-items:center;gap:9px;padding:4px 0;display:flex}.device-toolbar .search{flex:1;max-width:300px}.device-toolbar .search span{flex:1}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.device-card{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:12px;padding:13px;display:grid}.device-card-head{align-items:center;gap:9px;display:flex}.device-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.device-icon.online{color:var(--green);background:#eaf8ef}.device-icon.warning{color:var(--orange);background:#fff3df}.device-card-head>div:nth-child(2){flex:1;gap:3px;display:grid}.device-card-head small{color:var(--muted);font-size:10px}.device-status{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.device-status.online{color:var(--green);background:#eaf8ef}.device-status.warning{color:var(--orange);background:#fff3df}.device-meta{color:var(--muted);direction:ltr;flex-wrap:wrap;gap:6px 12px;font-size:9px;display:flex}.device-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.device-metrics span{gap:3px;display:grid}.device-metrics small{color:var(--muted);font-size:9px}.device-metrics b{font-size:11px}.device-actions{flex-wrap:wrap;gap:6px;display:flex}.device-dialog{max-width:720px}.warning-pill{color:var(--orange)!important;background:#fff3df!important}.network-verification-card{border:1px solid var(--blue);background:linear-gradient(120deg, #0d2b52, var(--card));color:var(--foreground);border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.network-verification-card svg{color:var(--blue);flex:none}.network-verification-card div{gap:5px;display:grid}.network-verification-card strong{font-size:16px}.network-verification-card span{color:var(--muted);font-size:11px}.success-notice{border:1px solid var(--green)}@supports (color:color-mix(in lab, red, red)){.success-notice{border:1px solid color-mix(in srgb, var(--green) 40%, var(--border))}}.success-notice{color:var(--green);background:#eaf8ef;border-radius:8px;padding:9px 11px;font-size:11px}.management-panel{gap:16px;display:none}.app.subscribers-active .management-panel{display:grid}.app.subscribers-active .dashboard-home,.app.subscribers-active .internal-page,.app.subscribers-active .settings-page{display:none}.router-btn{border:1px solid var(--blue);background:var(--blue);color:#fff;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.router-btn:hover{filter:brightness(1.08)}.router-unavailable{color:var(--muted);white-space:nowrap;font-size:9px}.subscriber-actions{align-items:center;gap:6px;display:flex}.subscriber-toolbar{gap:8px;display:flex}.subscriber-toolbar .search{flex:1;width:auto}.subscriber-toolbar input{color:inherit;background:0 0;border:0;outline:0;width:100%;font-size:11px}.filter-select{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:8px;padding:8px 10px;font-size:10px}.small-btn{padding:5px 9px;font-size:10px}.subscriber-photo-card{border:1px dashed var(--border);background:var(--background);border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:flex}.subscriber-photo-card img,.photo-placeholder{object-fit:cover;border-radius:12px;width:64px;height:64px}.photo-placeholder{background:var(--card);color:var(--blue);place-items:center;display:grid}.photo-upload{cursor:pointer}.subscriber-photo-card small{color:var(--muted);font-size:10px}.modal-backdrop{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-dialog,.form-dialog{background:var(--card);border:1px solid var(--border);border-radius:14px;gap:16px;width:min(720px,100%);max-height:90vh;padding:22px;display:grid;position:relative;overflow:auto}.close-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:13px;left:16px}.subscription-info{border:1px solid var(--border);background:var(--card);border-radius:10px;padding:13px}@supports (color:color-mix(in lab, red, red)){.subscription-info{background:color-mix(in srgb, var(--card) 94%, var(--blue))}}.subscription-info h3{color:var(--blue);margin:0 0 11px;font-size:13px}.subscription-info .profile-fields{padding:0}.profile-fields{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.profile-fields div{border:1px solid var(--border);border-radius:8px;gap:5px;padding:10px;display:grid}.profile-fields small{color:var(--muted);font-size:9px}.profile-fields b{direction:ltr;font-family:monospace;font-size:11px}.form-dialog h2{margin:0;font-size:18px}.form-dialog .form-grid{position:relative}.form-dialog .form-grid label:nth-child(9):before{content:"بيانات Nano";color:var(--blue);grid-column:1/-1;margin-top:10px;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.form-dialog .form-grid label:nth-child(11):before{content:"بيانات Router";color:var(--blue);margin-top:10px;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.password-input{align-items:stretch;display:flex;position:relative}.password-input input{flex:1;padding-inline-end:38px}.password-input button{color:var(--muted);inset-inline-end:7px;background:0 0;border:0;place-items:center;padding:3px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.password-input button:hover{color:var(--blue)}.auto-date-preview{border:1px solid var(--blue);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.auto-date-preview{border:1px solid color-mix(in srgb, var(--blue) 30%, var(--border))}}.auto-date-preview{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.auto-date-preview{background:color-mix(in srgb, var(--card) 92%, var(--blue))}}.auto-date-preview{border-radius:9px;padding:10px}.auto-date-preview div{gap:4px;display:grid}.auto-date-preview small{color:var(--muted);font-size:9px}.auto-date-preview b{color:var(--blue);font-size:11px}.form-dialog p{color:var(--muted);margin:0;font-size:11px}.required-field em{color:var(--red);margin-inline-start:3px;font-style:normal}.form-error{border:1px solid var(--red)}@supports (color:color-mix(in lab, red, red)){.form-error{border:1px solid color-mix(in srgb, var(--red) 45%, transparent)}}.form-error{color:var(--red);background:#ffeded;border-radius:8px;padding:10px;font-size:11px;line-height:1.6}.dialog-actions{border-top:1px solid var(--border);justify-content:end;gap:8px;padding-top:14px;display:flex}.app.settings-active .settings-page{display:grid}.app.settings-active .dashboard-home,.app.settings-active .internal-page,.app:not(.settings-active) .internal-page,.app:not(.settings-active).has-internal .dashboard-home{display:none}.app:not(.settings-active).has-internal .internal-page{display:grid}.page-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-heading h1{margin:6px 0;font-size:26px}.page-heading p{color:var(--muted);font-size:11px}.page-heading .primary-btn{align-items:center;gap:7px;display:flex}.page-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.page-metrics div{background:var(--card);border:1px solid var(--border);border-radius:10px;gap:5px;padding:14px 16px;display:grid}.page-metrics b{color:var(--blue);font-size:21px}.page-metrics span{color:var(--muted);font-size:10px}.internal-table{overflow:hidden}.filter-bar{gap:8px;padding:0 12px 12px;display:flex}.filter-bar .search{flex:1;width:auto}.filter-bar input{color:inherit;background:0 0;border:0;outline:0;width:100%;font-size:10px}.internal-table .subscriber-cards article{gap:7px;display:grid}.internal-table .subscriber-cards article span{color:var(--muted);font-size:10px}.internal-table .subscriber-cards article .outline-btn{justify-self:start}.settings-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.settings-heading-actions{align-items:center;gap:8px;display:flex}.settings-heading h1{margin:6px 0 5px;font-size:26px}.settings-heading p,.eyebrow,.setting-title p,.setting-row small,.provider-row small{color:var(--muted);font-size:11px}.eyebrow{color:var(--blue)}.primary-btn,.outline-btn,.danger-btn{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;padding:9px 14px;font-size:11px}.outline-btn{color:var(--blue);background:0 0}.danger-btn{background:var(--red);border-color:var(--red)}.settings-layout{grid-template-columns:190px 1fr;align-items:start;gap:14px;display:grid}.settings-tabs{gap:5px;display:grid;position:sticky;top:15px}.settings-tabs button{color:var(--muted);text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px;font-size:11px;display:flex}.settings-tabs button.active,.settings-tabs button:hover{color:var(--blue);background:#eaf3ff}.dark .settings-tabs button.active,.dark .settings-tabs button:hover{background:#132337}.settings-sections{gap:14px;display:grid}.settings-section{border:1px solid var(--border);background:var(--card);border-radius:11px;gap:14px;padding:16px;display:grid}.setting-title{align-items:center;gap:10px;display:flex}.setting-title h2{margin:0 0 4px;font-size:14px}.setting-icon{width:35px;height:35px;color:var(--blue);background:#eaf3ff;border-radius:9px;place-items:center;display:grid}.setting-icon.purple{color:#8b5cf6;background:#f1ebff}.setting-icon.orange{color:var(--orange);background:#fff3df}.setting-icon.green{color:var(--green);background:#eaf8ef}.setting-icon.red{color:var(--red);background:#ffeded}.form-grid,.thresholds{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-grid label,.thresholds label{color:var(--muted);gap:6px;font-size:10px;display:grid}.form-grid input,.form-grid select,.thresholds input{border:1px solid var(--border);width:100%;color:var(--foreground);background:0 0;border-radius:7px;outline:none;padding:10px;font-size:11px}.form-grid input:focus,.form-grid select:focus,.thresholds input:focus{border-color:var(--blue)}.setting-row,.provider-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding-top:12px;display:flex}.setting-row>div,.provider-row>div{flex:1;gap:4px;display:grid}.setting-row b,.provider-row b{font-size:11px}.compact{padding-top:10px}.switch{background:var(--border);border:0;border-radius:99px;width:38px;height:21px;padding:3px}.switch span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block}.switch.on{background:var(--blue)}.switch.on span{transform:translate(-17px)}.connected{color:var(--green);font-size:10px}.config-box{color:#81b5ff;text-align:left;direction:ltr;background:#0d1115;border-radius:8px;padding:12px;font:11px monospace}.device-chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.device-chips button{border:1px solid var(--border);text-align:right;color:var(--foreground);background:0 0;border-radius:8px;padding:10px;font-size:11px}.device-chips span{color:var(--muted);margin-top:4px;font:10px monospace;display:block}.backup-actions{flex-wrap:wrap;gap:8px;display:flex}.security-grid{grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;display:grid}.security-grid div{gap:4px;display:grid}.security-grid small,.app-info span{color:var(--muted);font-size:10px}.app-info{text-align:center;justify-items:center}.app-info b{font-size:16px}.app-info div{gap:14px;display:flex}.app-info a{color:var(--blue);font-size:10px}.confirm-backdrop{z-index:20;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:12px;width:min(390px,100%);padding:22px;display:grid}.confirm-dialog h3{margin:0;font-size:15px}.confirm-dialog p{color:var(--muted);font-size:11px}.confirm-dialog>div{justify-content:end;gap:8px;display:flex}.debts-page,.alerts-page{gap:18px;display:grid!important}.alert-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.alert-summary>div{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:6px;padding:14px;display:grid}.alert-summary small{color:var(--muted);font-size:10px}.alert-summary b{color:var(--blue);font-size:22px}.alerts-list-page{padding-bottom:8px}.full-alert-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:13px 16px;display:flex}.full-alert-row.read{opacity:.65}.full-alert-content{flex:1;gap:5px;display:grid}.full-alert-content>div{align-items:center;gap:9px;display:flex}.full-alert-content b{font-size:12px}.full-alert-content p{color:var(--muted);margin:0;font-size:11px}.full-alert-content small{color:var(--muted);font-size:9px}.severity-label{border-radius:999px;padding:3px 7px;font-size:9px}.severity-label.danger{color:var(--red);background:#ffeded}.severity-label.warn{color:var(--orange);background:#fff3df}.severity-label.info{color:var(--blue);background:#eaf3ff}.alert-row-actions{gap:6px;display:flex}.debt-summary{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.debt-summary>div{border:1px solid var(--border);background:var(--card);border-radius:10px;gap:6px;padding:14px;display:grid}.debt-summary small{color:var(--muted);font-size:10px}.debt-summary b{color:var(--foreground);font-size:17px}.empty-state{text-align:center;color:var(--muted);padding:34px;font-size:12px}.subscriber-cards,.mobile-nav{display:none}.mobile-nav i{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:15px;height:15px;font-size:9px;font-style:normal;display:grid;position:absolute;top:5px;right:calc(50% - 19px)}@media (min-width:1200px){.content{padding-inline:34px}}.auth-page{color:#f4f7fb;direction:rtl;background:#0d1115;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-form{background:#151b20;border:1px solid #293139;border-radius:18px;gap:16px;width:min(100%,430px);padding:32px;display:grid;box-shadow:0 24px 70px #0005}.auth-form:before{content:"مدير الإنترنت";color:#1678f3;letter-spacing:.02em;font-size:15px;font-weight:700}.auth-form h1{color:#fff;margin:0 0 4px;font-size:27px}.auth-form label{color:#c9d3df;gap:8px;font-size:12px;font-weight:600;display:grid}.auth-form input{color:#fff;width:100%;min-height:46px;font:inherit;background:#0d1115;border:1px solid #35414c;border-radius:9px;outline:none;padding:11px 13px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:#1678f3;box-shadow:0 0 0 3px #1678f333}.auth-form button{color:#fff;background:#1678f3;border:0;border-radius:9px;min-height:46px;margin-top:4px;font-weight:700;transition:filter .2s,transform .2s}.auth-form button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.auth-form button:disabled{cursor:wait;opacity:.65}.auth-form [role=alert]{color:#ff8b8b;background:#ef2d2d1a;border:1px solid #ef2d2d66;border-radius:8px;margin:0;padding:11px 13px;font-size:12px;line-height:1.6}.auth-switch{color:#9eabb9;text-align:center;margin:0;font-size:12px}.auth-switch a{color:#5ca3ff;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}@media (max-width:480px){.auth-page{padding:16px}.auth-form{border-radius:14px;padding:24px 18px}.auth-form h1{font-size:23px}}@media (max-width:640px){body{overflow-x:hidden}.form-dialog{border-radius:16px;width:calc(100vw - 20px);padding:20px 14px}.form-dialog .form-grid{grid-template-columns:1fr;padding:12px}.form-dialog .auto-date-preview{grid-template-columns:1fr}.form-dialog .form-actions{flex-direction:column-reverse}.form-dialog .form-actions button{width:100%}.table-scroll{display:none}.subscriber-cards{gap:8px;padding:0 10px 10px;display:grid}.subscriber-cards article{border:1px solid var(--border);background:var(--card);border-radius:9px;gap:9px;padding:11px;display:grid}@supports (color:color-mix(in lab, red, red)){.subscriber-cards article{background:color-mix(in srgb, var(--card) 88%, var(--blue))}}.subscriber-cards article>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.subscriber-cards article>div:first-child{flex-direction:column;align-items:flex-start;gap:3px}.subscriber-cards b{font-size:12px}.subscriber-cards span,.subscriber-cards small{color:var(--muted);font-size:10px}.subscriber-cards strong{color:var(--green);font-size:11px}.subscriber-cards .ip-value{color:var(--blue);direction:ltr;font-family:monospace;font-size:10px}.subscriber-cards .router-btn{justify-content:center;width:100%}.mobile-nav{z-index:3;height:66px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #00000012}.mobile-nav button{color:var(--muted);background:0 0;border:0;align-content:center;place-items:center;gap:4px;min-width:0;font-size:9px;display:grid;position:relative}.mobile-nav button.active{color:var(--blue);font-weight:700}}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-tabs{padding-bottom:3px;display:flex;position:static;overflow-x:auto}.settings-tabs button{flex:none}.security-grid{grid-template-columns:1fr 1fr}aside{flex-basis:210px;width:210px}.content{padding:16px}.stats{grid-template-columns:repeat(3,1fr)}.overview{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.settings-heading{flex-direction:column;align-items:start}.package-grid{grid-template-columns:repeat(2,1fr)}.device-center-head{flex-direction:column;align-items:start}.device-kpis{grid-template-columns:repeat(2,1fr)}.device-detail-columns,.device-sections,.health-layout,.detail-extra-grid{grid-template-columns:1fr}.device-center-actions{width:100%}.device-center-actions>*{text-align:center;flex:1}.alert-summary{grid-template-columns:repeat(2,1fr)}.full-alert-row{flex-wrap:wrap;align-items:flex-start}.full-alert-content{min-width:calc(100% - 48px)}.alert-row-actions{width:100%}.alert-row-actions button{flex:1}.debt-summary{grid-template-columns:repeat(2,1fr)}.appearance-controls{grid-template-columns:1fr}.device-summary{grid-template-columns:repeat(2,1fr)}.device-toolbar{flex-wrap:wrap}.device-toolbar .search{min-width:100%;max-width:none}.device-grid{grid-template-columns:1fr}.device-metrics{grid-template-columns:repeat(2,1fr)}.subscriber-toolbar{flex-wrap:wrap}.subscriber-toolbar .search{min-width:100%}.filter-select{flex:1}.profile-fields{grid-template-columns:repeat(2,1fr)}.form-dialog{padding:16px}.auto-date-preview,.form-dialog .form-grid{grid-template-columns:1fr}.settings-heading h1{font-size:22px}.settings-heading-actions{width:100%}.settings-heading-actions>*{flex:1}.settings-heading .primary-btn{width:100%}.settings-layout{gap:10px}.settings-tabs{margin-inline:-11px;padding-inline:11px}.settings-section{padding:13px}.form-grid,.thresholds,.security-grid{grid-template-columns:1fr}.device-chips{grid-template-columns:repeat(2,1fr)}.backup-actions{grid-template-columns:1fr 1fr;display:grid}.backup-actions button{padding-inline:7px}.provider-row{gap:7px}.provider-row small{text-overflow:ellipsis;text-align:right;direction:ltr;max-width:130px;overflow:hidden}.app-info div{flex-wrap:wrap;justify-content:center}.app{display:block}.app aside{display:none}.app aside+.overlay{z-index:4;background:#0008;border:0;display:block;position:fixed;inset:0}.app:has(.overlay) aside{z-index:5;width:250px;display:flex;position:fixed;top:0;bottom:0;right:0}.menu-btn{display:grid}header{height:58px;padding:0 12px}.head-actions .brand,header>.search{display:none}.head-actions{margin-right:auto}.mobile-title{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.mobile-title .brand{flex-direction:row}.content{padding:14px 11px 80px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{min-height:78px;padding:10px}.stat-card b{font-size:18px}.overview{gap:10px;margin-top:10px}.metrics,.detail-grid{grid-template-columns:repeat(2,1fr)}.lower{display:grid}.settings-card{width:100%}.quick-actions{grid-template-columns:repeat(3,1fr);padding:8px}.quick-actions button{padding:10px 3px}.quick-actions span{font-size:9px}.section-head{padding:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}