@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&family=Ubuntu+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--text-foreground: 240 5.9% 10%;--text-muted: #465660b0;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 10% 3.9%;--radius: .5rem;--primary-colour: #003D4C;--highlight2-colour: #53B798;--primary-button-colour: #003D4C;--primary-button-text-colour: #ffffff;--type-colour: #101820;--secondary-colour: #53B798;--sub-text: rgba(16, 24, 32, .5019607843);--base-colour: #FFFFFF;--disabled-colour: #B3B3B3;--side-bar-highligh-color: #ffffff;--side-bar-highligh-color-text: #003D4C;--text-on-secondary: #101820;--progress-colour: #53B798;--connect-colour: #53B798;--font-family: Inter;--title-text: BlackDice UI;--disable-register: inline;--toastify-font-family: Inter;--default-language: en}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 240 5.9% 10%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--text-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%}*{border-color:hsl(var(--border));font-family:Inter}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}@media (min-width: 1400px){.container{max-width:1400px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-2{left:.5rem}.right-0{right:0}.top-0{top:0}.top-\[1px\]{top:1px}.top-\[60\%\]{top:60%}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[1\]{z-index:1}.m-0{margin:0}.m-3{margin:.75rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mr-1{margin-right:-.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-96{width:24rem}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[400px\]{width:400px}.w-\[95\%\]{width:95%}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.origin-top-right{transform-origin:top right}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x: .75;--tw-scale-y: .75;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(209 213 219 / var(--tw-divide-opacity))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tl-sm{border-top-left-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-foreground{border-color:hsl(var(--foreground))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.border-input{border-color:hsl(var(--input))}.border-primary{border-color:var(--primary-colour)}.bg-background{background-color:hsl(var(--background))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-border{background-color:hsl(var(--border))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-groupsText{background-color:var(--primary-button-colour)}.bg-primary{background-color:var(--primary-colour)}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-secondary{background-color:var(--secondary-colour)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.fill-current{fill:currentColor}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-8{padding-left:2rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-3{line-height:.75rem}.leading-4{line-height:1rem}.leading-none{line-height:1}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-current{color:currentColor}.text-foreground{color:hsl(var(--foreground))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity))}.text-primary{color:var(--primary-colour)}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity: .05}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-200{animation-duration:.2s}.duration-500{animation-duration:.5s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.paused{animation-play-state:paused}.min-w-0{min-width:0px}.min-w-px{min-width:1px}.min-w-1{min-width:.25rem}.min-w-2{min-width:.5rem}.min-w-3{min-width:.75rem}.min-w-4{min-width:1rem}.min-w-5{min-width:1.25rem}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-9{min-width:2.25rem}.min-w-10{min-width:2.5rem}.min-w-11{min-width:2.75rem}.min-w-12{min-width:3rem}.min-w-14{min-width:3.5rem}.min-w-16{min-width:4rem}.min-w-20{min-width:5rem}.min-w-24{min-width:6rem}.min-w-28{min-width:7rem}.min-w-32{min-width:8rem}.min-w-36{min-width:9rem}.min-w-40{min-width:10rem}.min-w-44{min-width:11rem}.min-w-48{min-width:12rem}.min-w-52{min-width:13rem}.min-w-56{min-width:14rem}.min-w-60{min-width:15rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-80{min-width:20rem}.min-w-96{min-width:24rem}.min-w-auto{min-width:auto}.min-w-1-2{min-width:50%}.min-w-1-3{min-width:33.333333%}.min-w-2-3{min-width:66.666667%}.min-w-1-4{min-width:25%}.min-w-2-4{min-width:50%}.min-w-3-4{min-width:75%}.min-w-1-5{min-width:20%}.min-w-2-5{min-width:40%}.min-w-3-5{min-width:60%}.min-w-4-5{min-width:80%}.min-w-1-6{min-width:16.666667%}.min-w-2-6{min-width:33.333333%}.min-w-3-6{min-width:50%}.min-w-4-6{min-width:66.666667%}.min-w-5-6{min-width:83.333333%}.min-w-full{min-width:100%}.min-w-screen{min-width:100vh}.min-w-min{min-width:-moz-min-content;min-width:min-content}.min-w-max{min-width:-moz-max-content;min-width:max-content}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.min-h-0{min-height:0px}.min-h-px{min-height:1px}.min-h-1{min-height:.25rem}.min-h-2{min-height:.5rem}.min-h-3{min-height:.75rem}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-16{min-height:4rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-36{min-height:9rem}.min-h-40{min-height:10rem}.min-h-44{min-height:11rem}.min-h-48{min-height:12rem}.min-h-52{min-height:13rem}.min-h-56{min-height:14rem}.min-h-60{min-height:15rem}.min-h-64{min-height:16rem}.min-h-72{min-height:18rem}.min-h-80{min-height:20rem}.min-h-96{min-height:24rem}.min-h-auto{min-height:auto}.min-h-1-2{min-height:50%}.min-h-1-3{min-height:33.333333%}.min-h-2-3{min-height:66.666667%}.min-h-1-4{min-height:25%}.min-h-2-4{min-height:50%}.min-h-3-4{min-height:75%}.min-h-1-5{min-height:20%}.min-h-2-5{min-height:40%}.min-h-3-5{min-height:60%}.min-h-4-5{min-height:80%}.min-h-1-6{min-height:16.666667%}.min-h-2-6{min-height:33.333333%}.min-h-3-6{min-height:50%}.min-h-4-6{min-height:66.666667%}.min-h-5-6{min-height:83.333333%}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.min-h-min{min-height:-moz-min-content;min-height:min-content}.min-h-max{min-height:-moz-max-content;min-height:max-content}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}:root{--toastify-color-light: #004d5e;--toastify-color-dark: #004d5e;--toastify-color-info: #3d8bf2;--toastify-color-success: #3BB586;--toastify-color-warning: #f0a500;--toastify-color-error: #ff5d5d;--toastify-color-transparent: rgba(0,77,94,.7);--toastify-icon-color-info: #3d8bf2;--toastify-icon-color-success: #3BB586;--toastify-icon-color-warning: #f0a500;--toastify-icon-color-error: #ff5d5d;--toastify-toast-width: 340px;--toastify-toast-background: #004d5e;--toastify-toast-min-height: 56px;--toastify-toast-max-height: 800px;--toastify-font-family: "Ubuntu", -apple-system, system-ui, sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #e8f4f3;--toastify-text-color-dark: #e8f4f3;--toastify-text-color-info: #e8f4f3;--toastify-text-color-success: #e8f4f3;--toastify-text-color-warning: #e8f4f3;--toastify-text-color-error: #e8f4f3;--toastify-spinner-color: #a8c8cc;--toastify-spinner-color-empty-area: #003d4c;--toastify-color-progress-light: #3BB586;--toastify-color-progress-dark: #3BB586;--toastify-color-progress-info: #3d8bf2;--toastify-color-progress-success:#3BB586;--toastify-color-progress-warning:#f0a500;--toastify-color-progress-error: #ff5d5d;--bd-toast-bg: #004d5e;--bd-toast-bg-hover: #005a6d;--bd-toast-border: rgba(255,255,255,.09);--bd-toast-text: #e8f4f3;--bd-toast-text-mute: #6d9098;--bd-toast-shadow: 0 8px 20px rgba(0,0,0,.45);--bd-toast-accent: #3BB586;--bd-toast-danger: #ff5d5d}html.light{--toastify-color-light: #f0f4f4;--toastify-color-dark: #f0f4f4;--toastify-toast-background: #f0f4f4;--toastify-text-color-light: #0d1617;--toastify-text-color-dark: #0d1617;--toastify-text-color-info: #0d1617;--toastify-text-color-success: #0d1617;--toastify-text-color-warning: #0d1617;--toastify-text-color-error: #0d1617;--toastify-spinner-color: #4d5f60;--toastify-spinner-color-empty-area: #ffffff;--bd-toast-bg: #f0f4f4;--bd-toast-bg-hover: #e8f1f1;--bd-toast-border: rgba(0,0,0,.08);--bd-toast-text: #0d1617;--bd-toast-text-mute: #7a8b8c;--bd-toast-shadow: 0 4px 12px rgba(0,0,0,.08);--bd-toast-accent: #3BB586;--bd-toast-danger: #d63d3d}.Toastify__toast{border-radius:10px!important;background:var(--bd-toast-bg)!important;color:var(--bd-toast-text)!important;border:1px solid var(--bd-toast-border);border-left:2px solid var(--bd-toast-border);box-shadow:var(--bd-toast-shadow)!important;font-size:.82rem;padding:.7rem .9rem .7rem 1rem;min-height:unset!important}.Toastify__toast--success{border-left-color:var(--bd-toast-accent)!important}.Toastify__toast--success .Toastify__toast-icon{color:var(--bd-toast-accent)}.Toastify__toast--error{border-left-color:var(--bd-toast-danger)!important}.Toastify__toast--error .Toastify__toast-icon{color:var(--bd-toast-danger)}.Toastify__toast--warning{border-left-color:#f0a500!important}.Toastify__toast--warning .Toastify__toast-icon{color:#f0a500}.Toastify__toast--info,.Toastify__toast--default{border-left-color:#3d8bf2!important}.Toastify__toast--info .Toastify__toast-icon,.Toastify__toast--default .Toastify__toast-icon{color:#3d8bf2}.Toastify__toast-body{color:var(--bd-toast-text)!important;font-size:.82rem;align-items:center;gap:.6rem;padding:0}.Toastify__toast-icon{width:18px;flex-shrink:0}.Toastify__close-button{color:var(--bd-toast-text-mute)!important;opacity:.7;align-self:center}.Toastify__close-button:hover{opacity:1;color:var(--bd-toast-text)!important}.Toastify__close-button svg{width:14px;height:14px}.Toastify__progress-bar{height:2px!important}.Toastify--animate{animation-duration:.22s!important;animation-timing-function:cubic-bezier(.23,1,.32,1)!important}.Toastify__toast{will-change:transform,opacity}@keyframes Toastify__slideInRight{0%{opacity:0;transform:translate3d(16px,-4px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(16px,-4px,0)}}@media (prefers-reduced-motion: reduce){.Toastify--animate{animation-duration:1ms!important}}h1{font-style:normal;font-weight:800;font-size:48px;line-height:48px;color:#101820}h2,h3,th{color:#101820}td{color:#10182080;height:54.99px!important}.loginButton:hover{opacity:.8;transition:background-color .3s ease,opacity .3s ease}.table{border-collapse:separate;border-spacing:0 20px;width:100%}.borderBottom{border-bottom:1px solid #FFFFFF}.scale-200{transform:scale(2.95)}.scale-115{transform:scale(1.15)}.scale-y-65{transform:scaleY(.65)}.w-110{width:29.5rem}::-webkit-scrollbar{width:5px!important;height:10px}::-webkit-scrollbar-track{background:var(--base-colour)}::-webkit-scrollbar-thumb{background:var(--secondary-colour);border-radius:6px}::-webkit-scrollbar-thumb:hover{opacity:.5}::-moz-scrollbar{width:6px;height:10px}::-moz-scrollbar-track{background:var(--base-colour)}::-moz-scrollbar-thumb{background:#cad5d5;border-radius:6px}@font-face{font-family:Inter;src:local("Inter"),url(/style/fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype")}.shadow-md{box-shadow:1px 1px 2px 2px #00000026,1px 1px 1px #00000021}.transition-colors{transition-duration:1.5s!important}.main-container-padding{padding:16px}.filters-shrink-flex{display:flex;flex-direction:row;align-items:center}.edit-rule-time{padding-left:10%}.dns-categories{width:25%}.faq-bar{width:97%}.dashboard-flex{width:45%}@media screen and (max-width: 1279px){.dns-between{margin-right:60px}.dns-between-button{margin-top:20px}}@media screen and (max-width: 900px){.main-logo{display:none}.filters-shrink{display:flex;flex-direction:column}.block-list,.white-list{width:100%!important}.filters-stack{display:flex;flex-direction:column;width:100%}.filters-shrink-flex{display:flex;flex-direction:row;justify-content:center}.dns-between{margin-right:41px}.dev-details-shrink{width:100%!important}.main-container-padding{padding-left:65px}.dashboard-widgets{width:100%}.edit-rule-time{padding-left:23%}.router-widget,.dns-drill-one{flex-direction:column}.dns-categories{width:100%}.faq-bar{width:87%}.dashboard-flex{width:150%}.header-title{margin-top:50px}}:root{--color: var(--primary-colour)}.content{width:30vmin;height:30vmin;perspective:60vmin;animation:spin-all 2s ease-in-out infinite}.content .cube,.content .cube:after,.content .cube:before{animation:spin-cube 1s ease-in-out -1.5s infinite alternate}.content .cube:after,.content .cube:before{position:absolute;content:"";background:var(--color);width:calc(100% - 1vmin);height:calc(100% - 1vmin);border-radius:1vmin;transform:rotateY(-90deg);transform-origin:right bottom;top:1.5vmin;left:2vmin;transition:all .5s ease 0s;animation-name:spin-cube-before}.content .cube{background:var(--color);width:12vmin;height:12vmin;border-radius:1vmin;transform:rotate(48deg) rotateX(22.5deg) rotateY(-22.5deg);left:9vmin;position:absolute;top:3vmin;transition:all .5s ease 0s;transform-style:preserve-3d}.content .cube:after{top:2vmin;left:1.5vmin;transform:rotateX(90deg);animation-name:spin-cube-after}@keyframes spin-all{50%,to{transform:rotate(720deg)}}@keyframes spin-cube{0%,50%{border-radius:100%;transform:rotate(39deg) rotateX(0) rotateY(0);left:12vmin;top:6vmin;width:6vmin;height:6vmin}50%,to{border-radius:1vmin;transform:rotate(48deg) rotateX(22.5deg) rotateY(-22.5deg);left:9vmin;top:3vmin;width:12vmin;height:12vmin}}@keyframes spin-cube-before{0%,50%{border-radius:100%;transform:rotateY(-180deg) rotateX(0);left:7vmin;top:6vmin;width:100%;height:100%}50%,to{border-radius:1vmin;transform:rotateY(-90deg);left:2vmin;top:1.5vmin;width:calc(100% - 1vmin);height:calc(100% - 1vmin)}}@keyframes spin-cube-after{0%,50%{border-radius:100%;transform:rotateY(0) rotateX(180deg);left:3vmin;top:7vmin;width:100%;height:100%}50%,to{border-radius:1vmin;transform:rotateX(90deg);left:1.5vmin;top:2vmin;width:calc(100% - 1vmin);height:calc(100% - 1vmin)}}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:hsl(var(--background))}.data-\[state\=checked\]\:bg-foreground[data-state=checked]{background-color:hsl(var(--foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:hsl(var(--foreground))}.data-\[state\=checked\]\:text-primary[data-state=checked]{color:var(--primary-colour)}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[motion\^\=from-\]\:animate-in[data-motion^=from-],.data-\[state\=open\]\:animate-in[data-state=open],.data-\[state\=visible\]\:animate-in[data-state=visible]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[motion\^\=from-\]\:fade-in[data-motion^=from-]{--tw-enter-opacity: 0}.data-\[motion\^\=to-\]\:fade-out[data-motion^=to-],.data-\[state\=closed\]\:fade-out-0[data-state=closed],.data-\[state\=hidden\]\:fade-out[data-state=hidden]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open],.data-\[state\=visible\]\:fade-in[data-state=visible]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-90[data-state=open]{--tw-enter-scale: .9}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion=from-end]{--tw-enter-translate-x: 13rem}.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion=from-start]{--tw-enter-translate-x: -13rem}.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion=to-end]{--tw-exit-translate-x: 13rem}.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion=to-start]{--tw-exit-translate-x: -13rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:duration-700{transition-duration:.7s;animation-duration:.7s}}@media (min-width: 768px){.md\:absolute{position:absolute}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}}@media (min-width: 1024px){.lg\:flex{display:flex}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;gap:1.5rem;animation:lc-fadeIn .3s ease}.loading-container .spinner-wrapper{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.loading-container .spinner-ring{position:absolute;border-radius:50%;border-style:solid;border-color:transparent}.loading-container .spinner-ring--outer{width:56px;height:56px;border-width:3px;border-top-color:var(--accent, #3BB586);animation:lc-spin .9s cubic-bezier(.4,0,.2,1) infinite}.loading-container .spinner-ring--inner{width:38px;height:38px;border-width:3px;border-top-color:var(--accent-glow, rgba(59, 181, 134, .5));animation:lc-spin 1.2s cubic-bezier(.4,0,.2,1) infinite reverse}.loading-container .spinner-dot{width:8px;height:8px;border-radius:50%;background:var(--accent, #3BB586);animation:lc-pulse 1.2s ease-in-out infinite}.loading-container .loading-text{margin:0;font-size:.875rem;color:var(--text-mute, #6b7280);font-family:var(--bd-font, sans-serif);letter-spacing:.02em;animation:lc-fadeInUp .4s ease .1s both}@keyframes lc-spin{to{transform:rotate(360deg)}}@keyframes lc-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}@keyframes lc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes lc-fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sw-root{position:relative;display:inline-flex;align-items:center;width:112px;height:28px;border-radius:999px;cursor:pointer;outline:none;padding:0 3px;flex-shrink:0;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.sw-root[data-state=unchecked]{background:rgba(255,93,93,.13);border:1px solid rgba(255,93,93,.3);box-shadow:inset 0 1px 3px #00000040}.sw-root[data-state=checked]{background:rgba(59,181,134,.18);border:1px solid rgba(59,181,134,.4);box-shadow:inset 0 1px 3px #00000026,0 0 10px #3bb5862e}.sw-root[data-disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.sw-root:focus-visible{outline:2px solid rgba(59,181,134,.6);outline-offset:2px}.sw-thumb{position:absolute;top:3px;left:3px;width:34px;height:20px;border-radius:999px;z-index:2;transition:transform .32s cubic-bezier(.34,1.45,.64,1),background .22s ease,box-shadow .22s ease,width .14s ease}[data-state=unchecked] .sw-thumb{transform:translate(0);background:linear-gradient(135deg,#ff6b6b 0%,#ff3d3d 100%);box-shadow:0 0 10px #ff3d3d73,0 2px 6px #00000059,inset 0 1px #fff3}[data-state=checked] .sw-thumb{transform:translate(72px);background:linear-gradient(135deg,#4ecb96 0%,#3BB586 100%);box-shadow:0 0 12px #3bb58680,0 2px 6px #0000004d,inset 0 1px #ffffff40}.sw-root:active .sw-thumb{width:40px}.sw-root[data-state=checked]:active .sw-thumb{width:40px;transform:translate(66px)}.sw-label{position:absolute;z-index:1;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;transition:opacity .18s ease}.sw-label--active{left:10px;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.3)}.sw-label--inactive{right:10px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3)}html.light .sw-root[data-state=unchecked]{background:rgba(220,60,60,.09);border-color:#dc3c3c59;box-shadow:inset 0 1px 3px #00000014}html.light .sw-root[data-state=checked]{background:rgba(59,181,134,.12);border-color:#3bb58673;box-shadow:inset 0 1px 3px #0000000f,0 0 8px #3bb58626}[data-state=unchecked] html.light .sw-thumb{background:linear-gradient(135deg,#f55 0%,#d63d3d 100%);box-shadow:0 0 8px #d63d3d66,0 2px 5px #00000026,inset 0 1px #ffffff59}[data-state=checked] html.light .sw-thumb{background:linear-gradient(135deg,#4ecb96 0%,#2fa876 100%);box-shadow:0 0 10px #2fa87673,0 2px 5px #0000001f,inset 0 1px #fff6}html.light .sw-label--active{color:#000000a6;text-shadow:none}html.light .sw-label--inactive{color:#0000008c;text-shadow:none}@keyframes home-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes home-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes home-pulse-ring{0%,to{box-shadow:0 0 0 0 var(--accent-glow, rgba(59, 181, 134, .3))}50%{box-shadow:0 0 0 5px transparent}}@keyframes home-badge-blink{0%,to{opacity:1}50%{opacity:.6}}@keyframes home-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.home-loading-screen{display:flex;align-items:center;justify-content:center;min-height:93vh;background:var(--bg, #003D4C)}#home.home-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;padding-bottom:6px;background:var(--bg, #003D4C);animation:home-fade-up .35s cubic-bezier(.22,1,.36,1) both;font-family:var(--bd-font, -apple-system, system-ui, sans-serif)}#home.home-page .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0;overflow:hidden;animation:home-scale-in .35s cubic-bezier(.22,1,.36,1) both}.home-hero__left{display:flex;align-items:baseline;gap:.75rem;position:relative;z-index:1}.home-hero__greeting{font-size:.7rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute, #FFFFFF);margin:0}.home-hero__title{font-size:1.2rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;line-height:1;letter-spacing:-.02em}.home-hero__date{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.home-hero__right{flex-shrink:0;position:relative;z-index:1}.home-security-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .7rem .4rem .85rem;border-radius:40px;background:var(--accent-soft, rgba(59, 181, 134, .16));border:1px solid var(--accent-glow, rgba(59, 181, 134, .3));animation:home-pulse-ring 3s ease-in-out infinite;transition:background .25s ease,border-color .25s ease}.home-security-badge__icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft, rgba(255, 255, 255, .15));color:var(--accent, #53B798);transition:color .25s ease,background .25s ease}.home-security-badge__label{display:block;font-size:.62rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-mute, #FFFFFF);line-height:1}.home-security-badge__status{display:block;font-size:.78rem;font-weight:600;color:var(--accent, #53B798);line-height:1.3;transition:color .25s ease}.home-security-badge__divider{width:1px;height:22px;background:var(--accent-glow, rgba(59, 181, 134, .3));flex-shrink:0}.home-security-badge__switch{flex-shrink:0}.home-security-badge--off{background:var(--tab-bg, rgba(255, 255, 255, .05));border-color:var(--border-strong, rgba(255, 255, 255, .1));animation:none}.home-security-badge--off .home-security-badge__icon{color:var(--text-mute, #FFFFFF);background:var(--surface-2, rgba(255, 255, 255, .06))}.home-security-badge--off .home-security-badge__status{color:var(--text-mute, #FFFFFF)}.home-security-badge--off .home-security-badge__divider{background:var(--border-strong, rgba(255, 255, 255, .12))}.home-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;flex-shrink:0}.home-stat-card{display:flex;align-items:center;gap:.65rem;padding:.6rem .875rem;border-radius:12px;background:var(--surface, #003D4C);box-shadow:var(--shadow-card, 0 1px 4px rgba(0, 0, 0, .12));border:1px solid var(--border, rgba(255, 255, 255, .05));transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),border-color .18s ease;animation:home-card-in .4s cubic-bezier(.22,1,.36,1) both}.home-stat-card:nth-child(1){animation-delay:0ms}.home-stat-card:nth-child(2){animation-delay:40ms}.home-stat-card:nth-child(3){animation-delay:80ms}.home-stat-card:nth-child(4){animation-delay:.12s}.home-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover, 0 6px 18px rgba(0, 0, 0, .24));border-color:var(--border-strong, rgba(255, 255, 255, .09))}.home-stat-card:active{transform:translateY(-1px) scale(.985);transition-duration:.08s}.home-stat-card__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.home-stat-card:hover .home-stat-card__icon{transform:scale(1.08)}.home-stat-card__body{display:flex;flex-direction:column;gap:.05rem}.home-stat-card__value{font-size:1.2rem;font-weight:700;line-height:1;color:var(--text, #FFFFFF);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.home-stat-card__label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-mute, #FFFFFF)}.home-stat-card--devices .home-stat-card__icon{background:rgba(99,102,241,.15);color:#818cf8}.home-stat-card--threats .home-stat-card__icon{background:var(--danger-soft, rgba(239, 68, 68, .12));color:var(--danger, #f87171)}.home-stat-card--paused .home-stat-card__icon{background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24)}.home-stat-card--extra .home-stat-card__icon{background:var(--accent-soft, rgba(52, 211, 153, .12));color:var(--accent, #34d399)}.home-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;flex:1;min-height:0}.home-main-grid__col{display:flex;flex-direction:column;gap:.6rem;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(255, 255, 255, .08)) transparent}.home-main-grid__col::-webkit-scrollbar{width:3px}.home-main-grid__col::-webkit-scrollbar-track{background:transparent}.home-main-grid__col::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(255, 255, 255, .1));border-radius:2px}.home-card{background:var(--surface, #003D4C);border-radius:13px;border:1px solid var(--border, rgba(255, 255, 255, .05));box-shadow:var(--shadow-card, 0 1px 4px rgba(0, 0, 0, .1));overflow:hidden;flex-shrink:0;transition:box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s ease,transform .2s cubic-bezier(.22,1,.36,1);animation:home-card-in .4s cubic-bezier(.22,1,.36,1) both;animation-delay:80ms}.home-card--stretch{flex:1;min-height:0;display:flex;flex-direction:column}.home-card--stretch .home-device-list,.home-card--stretch .home-timer-list,.home-card--stretch .home-rules-list,.home-card--stretch .home-threats-grid{flex:1;max-height:none;overflow-y:auto}.home-card:hover{box-shadow:var(--shadow-card-hover, 0 2px 6px rgba(0, 0, 0, .16), 0 10px 28px rgba(0, 0, 0, .24));border-color:var(--border-strong, rgba(255, 255, 255, .09));transform:translateY(-2px)}.home-card__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem .5rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05))}.home-card__header-left{display:flex;align-items:center;gap:.5rem}.home-card__header-right{display:flex;align-items:center;gap:.4rem}.home-card__icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-card__icon--devices{background:rgba(99,102,241,.15);color:#818cf8}.home-card__icon--rules{background:var(--accent-soft, rgba(52, 211, 153, .12));color:var(--accent, #34d399)}.home-card__icon--threats{background:var(--danger-soft, rgba(239, 68, 68, .12));color:var(--danger, #f87171)}.home-card__icon--paused{background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24)}.home-card__icon--extra{background:var(--accent-soft, rgba(52, 211, 153, .12));color:var(--accent, #34d399)}.home-card__title{font-size:.8rem;font-weight:600;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.01em}.home-device-tabs{display:flex;gap:.2rem;background:var(--surface, rgba(0, 0, 0, .15));border-radius:9px;padding:2px;border:1px solid var(--border, rgba(255, 255, 255, .07))}.home-device-tab{display:flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:7px;border:none;background:transparent;color:var(--text-mute, rgba(255, 255, 255, .55));font-size:.68rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.home-device-tab:hover{color:var(--text, #fff)}.home-device-tab--active{background:var(--surface-strong, rgba(255, 255, 255, .1));color:var(--text, #fff);font-weight:600}.home-device-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:.58rem;font-weight:700;background:var(--accent-soft, rgba(59, 181, 134, .15));color:var(--accent, #3bb586)}.home-device-tab__badge--warn{background:var(--warn-soft, rgba(251, 191, 36, .15));color:var(--warn, #fbbf24)}.home-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:20px;font-size:.64rem;font-weight:600;letter-spacing:.02em}.home-badge--info{background:rgba(99,102,241,.15);color:#818cf8}.home-badge--warning{background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24);animation:home-badge-blink 2.5s ease-in-out infinite}.home-badge--success{background:var(--accent-soft, rgba(52, 211, 153, .12));color:var(--accent, #34d399)}.home-badge--increase{gap:.2rem;margin-top:.35rem;background:var(--accent-soft, rgba(52, 211, 153, .14));color:var(--accent, #34d399);animation:home-card-in .3s cubic-bezier(.22,1,.36,1) both}.home-badge--increase svg{width:10px;height:10px}.home-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.25rem;text-align:center}.home-empty-state svg{width:28px;height:28px;color:var(--text-dim, #FFFFFF)}.home-empty-state p{font-size:.75rem;color:var(--text-mute, #FFFFFF);margin:0}.home-empty-state--small{padding:.875rem}.home-empty-state--small svg{width:20px;height:20px}.home-device-list{max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(255, 255, 255, .08)) transparent}.home-device-list::-webkit-scrollbar{width:3px}.home-device-list::-webkit-scrollbar-track{background:transparent}.home-device-list::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(255, 255, 255, .1));border-radius:2px}.home-device-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.45rem 1rem;background:none;border:none;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04));cursor:pointer;text-align:left;transition:background .12s ease,transform .12s cubic-bezier(.22,1,.36,1);color:var(--text, #FFFFFF)}.home-device-row:last-child{border-bottom:none}.home-device-row:hover{background:var(--tab-bg, rgba(255, 255, 255, .04))}.home-device-row:hover .home-device-row__arrow{opacity:1;transform:translate(2px)}.home-device-row:active{transform:scale(.99);transition-duration:.08s}.home-device-row:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:-2px}.home-device-row__left{display:flex;align-items:center;gap:.5rem;min-width:0}.home-device-row__icon{width:22px;height:22px;border-radius:6px;background:var(--surface-2, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-device-row__name{font-size:.78rem;font-weight:500;color:var(--text, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-device-row__arrow{width:12px;height:12px;opacity:.25;flex-shrink:0;transition:opacity .12s ease,transform .12s ease}.home-device-row__main{display:flex;align-items:center;flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;color:inherit;cursor:pointer}:root{--bd-qa-bg: #0f2530;--bd-qa-border: rgba(255,255,255,.09);--bd-qa-text: #e8f4f3;--bd-qa-text-mute: rgba(255,255,255,.5);--bd-qa-hover: rgba(255,255,255,.06);--bd-qa-chip-bg: rgba(255,255,255,.03);--bd-qa-shadow: 0 8px 24px rgba(0,0,0,.45)}html.light{--bd-qa-bg: #ffffff;--bd-qa-border: rgba(0,0,0,.1);--bd-qa-text: #0d1617;--bd-qa-text-mute: rgba(0,0,0,.45);--bd-qa-hover: rgba(0,0,0,.05);--bd-qa-chip-bg: rgba(0,0,0,.03);--bd-qa-shadow: 0 8px 24px rgba(0,0,0,.14)}.home-device-actions{position:relative;flex-shrink:0}.home-device-actions__trigger{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:6px;color:var(--text-mute, rgba(255, 255, 255, .5));cursor:pointer;transition:background .12s ease,color .12s ease}.home-device-actions__trigger:hover,.home-device-actions__trigger[aria-expanded=true]{background:var(--surface-2, rgba(255, 255, 255, .08));color:var(--text, #fff)}.home-device-actions__menu{position:fixed;z-index:20;width:190px;max-height:calc(100vh - 16px);box-sizing:border-box;background:var(--bd-qa-bg);border:1px solid var(--bd-qa-border);border-radius:10px;box-shadow:var(--bd-qa-shadow);padding:4px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bd-qa-border) transparent;animation:home-device-actions-menu-in .14s cubic-bezier(.22,1,.36,1) both;transition:top .18s cubic-bezier(.22,1,.36,1),left .18s cubic-bezier(.22,1,.36,1);transform-origin:top right}.home-device-actions__menu::-webkit-scrollbar{width:5px}.home-device-actions__menu::-webkit-scrollbar-track{background:transparent}.home-device-actions__menu::-webkit-scrollbar-thumb{background:var(--bd-qa-border);border-radius:3px}.home-device-actions__item{display:flex;align-items:center;gap:.45rem;width:100%;box-sizing:border-box;padding:.4rem .55rem;background:none;border:none;border-radius:6px;font-size:.72rem;font-weight:500;color:var(--bd-qa-text);cursor:pointer;text-align:left;white-space:nowrap}.home-device-actions__item:hover{background:var(--bd-qa-hover)}.home-device-actions__item:disabled{opacity:.5;cursor:default}.home-device-actions__item--danger{color:var(--danger, #f87171)}.home-device-actions__item--danger:hover{background:var(--danger-soft, rgba(239, 68, 68, .12))}.home-device-actions__item-arrow{margin-left:auto;opacity:.5;transition:transform .15s ease;flex-shrink:0}.home-device-actions__item-arrow--open{transform:rotate(90deg)}.home-device-actions__submenu{display:flex;flex-wrap:wrap;gap:4px;padding:2px .55rem .4rem;animation:home-device-actions-submenu-in .16s cubic-bezier(.22,1,.36,1) both}.home-device-actions__submenu-item{flex:1 1 calc(50% - 4px);box-sizing:border-box;padding:.25rem .5rem;border-radius:6px;border:1px solid var(--bd-qa-border);background:var(--bd-qa-chip-bg);color:var(--bd-qa-text);font-size:.66rem;font-weight:500;cursor:pointer;text-align:center}.home-device-actions__submenu-item:hover{background:var(--accent-soft, rgba(59, 181, 134, .15));color:var(--accent, #3bb586)}.home-device-actions__submenu-item:disabled{opacity:.5;cursor:default}.home-device-actions__divider{height:1px;margin:3px 4px;background:var(--bd-qa-border)}.home-device-actions__toggle-list{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto;padding:2px .3rem .35rem .55rem;animation:home-device-actions-submenu-in .16s cubic-bezier(.22,1,.36,1) both}.home-device-actions__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.2rem 0}.home-device-actions__toggle-name{font-size:.68rem;color:var(--bd-qa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-device-actions__toggle-empty{font-size:.66rem;color:var(--bd-qa-text-mute);padding:.2rem 0}@keyframes home-device-actions-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-device-actions-submenu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.home-rules-list{display:flex;flex-direction:column}.home-rule-item{padding:.6rem 1rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04))}.home-rule-item:last-child{border-bottom:none}.home-rule-item__label{font-size:.62rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-mute, #FFFFFF);margin-bottom:.25rem}.home-rule-item__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.home-rule-item__name{font-size:.8rem;font-weight:500;color:var(--text, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-rule-item__count{font-size:.7rem;color:var(--text-2, #FFFFFF);white-space:nowrap;flex-shrink:0}.home-threats-grid{display:flex;align-items:stretch;justify-content:space-around;padding:.5rem .25rem .75rem;gap:0}.home-threats-divider{width:1px;align-self:stretch;margin:.5rem 0;background:var(--border, rgba(255, 255, 255, .07));flex-shrink:0}.home-threat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.5rem .25rem .6rem;border-radius:10px;transition:background .15s ease}.home-threat-cell:hover{background:var(--tab-bg, rgba(255, 255, 255, .04))}.home-threat-cell__ring-wrap{display:flex;align-items:center;justify-content:center;height:72px;filter:drop-shadow(0 0 8px var(--accent-glow, rgba(59, 181, 134, .25)))}.home-threat-cell__ring-wrap>div{transform:scale(.85);transform-origin:center}.home-threat-cell__svg-wrap{display:flex;align-items:center;justify-content:center;height:72px}.home-threat-cell__svg-wrap svg{transition:filter .2s ease;filter:drop-shadow(0 0 6px var(--accent-glow, rgba(59, 181, 134, .2)))}.home-threat-cell:hover .home-threat-cell__svg-wrap svg{filter:drop-shadow(0 0 10px var(--accent-glow, rgba(59, 181, 134, .38)))}.home-threat-cell__period{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute, #FFFFFF)}.home-threat-cell__value{font-size:1.25rem;font-weight:700;color:var(--text, #FFFFFF);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;transition:color .15s ease}.home-threat-cell:hover .home-threat-cell__value{color:var(--accent, #53B798)}.home-timer-list{display:flex;flex-direction:column}.home-timer-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04));gap:.6rem}.home-timer-row:last-child{border-bottom:none}.home-timer-row__info{display:flex;flex-direction:column;gap:.05rem;min-width:0}.home-timer-row__name{font-size:.78rem;font-weight:500;color:var(--text, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-timer-row__countdown{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent, #53B798);letter-spacing:.05em}.home-cancel-btn{flex-shrink:0;padding:.22rem .6rem;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:var(--danger-soft, rgba(239, 68, 68, .08));color:var(--danger, #f87171);font-size:.7rem;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.home-cancel-btn:hover{background:rgba(239,68,68,.18);border-color:#ef444480;transform:scale(1.04)}.home-cancel-btn:active{transform:scale(.97)}.home-cancel-btn:focus-visible{outline:2px solid var(--danger, #f87171);outline-offset:2px}.home-quick-actions{flex-shrink:0}.home-quick-actions__heading{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute, #FFFFFF);margin:0 0 .4rem}.home-quick-actions__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.home-qa-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .5rem;border-radius:12px;border:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface, #003D4C);cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background .12s ease}.home-qa-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover, 0 6px 18px rgba(0, 0, 0, .2));background:var(--surface-2, rgba(255, 255, 255, .04));border-color:var(--border-strong, rgba(255, 255, 255, .1))}.home-qa-btn:active{transform:translateY(0) scale(.97)}.home-qa-btn:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.home-qa-btn__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.home-qa-btn:hover .home-qa-btn__icon{transform:scale(1.1)}.home-qa-btn__label{font-size:.65rem;font-weight:600;color:var(--text-2, #FFFFFF);text-align:center;line-height:1.1;transition:color .12s ease}.home-qa-btn:hover .home-qa-btn__label{color:var(--text, #FFFFFF)}.home-qa-btn.qa--devices .home-qa-btn__icon{background:rgba(99,102,241,.15);color:#818cf8}.home-qa-btn.qa--rules .home-qa-btn__icon{background:var(--accent-soft);color:var(--accent)}.home-qa-btn.qa--groups .home-qa-btn__icon{background:var(--warn-soft);color:var(--warn)}.home-qa-btn.qa--filters .home-qa-btn__icon{background:rgba(139,92,246,.12);color:#a78bfa}.home-qa-btn.qa--shield .home-qa-btn__icon{background:var(--danger-soft);color:var(--danger)}.home-qa-btn.qa--routers .home-qa-btn__icon{background:rgba(6,182,212,.12);color:#22d3ee}@media (max-width: 1100px){.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-quick-actions__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 860px){#home.home-page{height:auto;overflow:visible;padding-bottom:1.5rem}.home-card--stretch{flex:none}.home-main-grid{grid-template-columns:1fr}.home-hero{padding:.65rem 1rem}.home-hero__left{flex-wrap:wrap}.home-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.home-threats-grid{flex-direction:column;gap:.75rem}.home-threats-divider{width:50px;height:1px}.home-quick-actions__grid{grid-template-columns:repeat(3,1fr)}}._fiCircle_se5z0_1{width:24px!important;height:24px!important;font-size:24px!important;border-radius:100%;border:none;box-shadow:1px 1px 2px 2px #00000026,1px 1px 1px #00000021;background:white}.auth-shell{display:flex;height:100vh;overflow:hidden;font-family:var(--bd-font, -apple-system, system-ui, sans-serif);background:var(--bg, #003D4C)}.auth-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:420px;min-width:320px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);position:relative;overflow:hidden}.auth-brand__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/bgg1-f9c65b8c.png) center/cover no-repeat;opacity:.35;pointer-events:none}.auth-brand__logo{position:relative;z-index:1;max-width:200px;width:100%}.auth-brand__tagline{position:relative;z-index:1;margin-top:1.5rem;font-size:.78rem;color:var(--text-mute);text-align:center;padding:0 2rem;line-height:1.6}@media (max-width: 640px){.auth-brand{display:none}}.auth-panel{flex:1;display:flex;flex-direction:column;overflow-y:auto}.auth-panel__topbar{display:flex;justify-content:flex-end;align-items:center;padding:1rem 1.5rem 0;flex-shrink:0}.auth-panel__body{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.auth-card{width:100%;max-width:400px}.auth-card__title{font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2}.auth-card__subtitle{font-size:.78rem;color:var(--text-mute);margin-top:.35rem;line-height:1.5}.auth-card__form{margin-top:2rem;display:flex;flex-direction:column;gap:1.1rem}.auth-card__footer{margin-top:1rem;display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-mute)}.auth-card__link{color:var(--accent);font-weight:600;cursor:pointer;background:none;border:none;padding:0;font-size:inherit;font-family:inherit;text-decoration:underline;text-underline-offset:2px}.auth-card__link:hover{opacity:.8}.auth-field{display:flex;flex-direction:column;gap:.35rem}.auth-label{font-size:.72rem;font-weight:600;color:var(--text-2);letter-spacing:.05em;text-transform:uppercase}.auth-input-wrap{position:relative}.auth-input{width:100%;height:42px;padding:0 2.6rem 0 .9rem;border-radius:10px;border:1px solid var(--border, rgba(255, 255, 255, .09));background:var(--surface-2, #004d5e);color:var(--text, #e8f4f3)!important;caret-color:var(--accent, #3BB586);font-size:.85rem;font-family:var(--bd-font, "Ubuntu", sans-serif);outline:none;transition:border-color .15s ease,box-shadow .15s ease;-webkit-text-fill-color:var(--text, #e8f4f3)}.auth-input::-moz-placeholder{color:var(--text-mute, #6d9098);-webkit-text-fill-color:var(--text-mute, #6d9098);opacity:1}.auth-input::placeholder{color:var(--text-mute, #6d9098);-webkit-text-fill-color:var(--text-mute, #6d9098);opacity:1}.auth-input:hover:not(:focus):not([readonly]){border-color:var(--accent-soft, rgba(59, 181, 134, .4));background:var(--surface-3, #005a6d);box-shadow:0 2px 8px #0000002e}.auth-input:focus{border-color:var(--accent, #3BB586);box-shadow:0 0 0 3px var(--accent-glow, rgba(59, 181, 134, .32));background:var(--surface-3, #005a6d)}.auth-input[readonly]{opacity:.6;cursor:default}.auth-input--mono{font-family:var(--bd-mono, "Ubuntu Mono", monospace);letter-spacing:.06em}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text, #e8f4f3)!important;box-shadow:0 0 0 1000px var(--surface-2, #004d5e) inset!important;border-color:var(--border, rgba(255, 255, 255, .09));caret-color:var(--accent, #3BB586);-webkit-transition:background-color 99999s ease-in-out 0s;transition:background-color 99999s ease-in-out 0s}html.light .auth-shell{background:#f5f7f7}html.light .auth-brand{background:var(--accent, #2a9d74);border-right-color:#00000014}html.light .auth-brand__bg{opacity:.12;filter:invert(1) brightness(1.5)}html.light .auth-brand__tagline{color:#ffffffbf}html.light .auth-card__title{color:#0d1617}html.light .auth-card__subtitle,html.light .auth-card__footer{color:#5a7a82}html.light .auth-label{color:#4a6068}html.light .auth-input{background:#fff;color:#0d1617!important;-webkit-text-fill-color:#0d1617;border-color:#0000001f}html.light .auth-input::-moz-placeholder{color:#8aa0a4;-webkit-text-fill-color:#8aa0a4}html.light .auth-input::placeholder{color:#8aa0a4;-webkit-text-fill-color:#8aa0a4}html.light .auth-input:hover:not(:focus):not([readonly]){background:#f8fbfb;border-color:#2a9d7473;box-shadow:0 2px 6px #0000000f}html.light .auth-input:focus{background:#fff;border-color:var(--accent, #2a9d74);box-shadow:0 0 0 3px #2a9d7433}html.light .auth-input:-webkit-autofill,html.light .auth-input:-webkit-autofill:hover,html.light .auth-input:-webkit-autofill:focus{-webkit-text-fill-color:#0d1617!important;box-shadow:0 0 0 1000px #fff inset!important}html.light .auth-btn{background:var(--accent, #2a9d74)}html.light .auth-row__link,html.light .auth-card__link{color:var(--accent, #2a9d74)}html.light .auth-eye{color:#7a8b8c}html.light .auth-eye:hover{color:#0d1617}html.light .auth-note{color:#7a8b8c}html.light .auth-fp-success-icon{background:rgba(42,157,116,.12);border-color:#2a9d7447;color:#2a9d74}.auth-eye{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--text-mute);display:flex;align-items:center}.auth-eye:hover{color:var(--text)}.auth-error{font-size:.7rem;color:var(--danger);margin-top:.1rem}.auth-note{font-size:.7rem;color:var(--text-mute);line-height:1.5}.auth-row{display:flex;align-items:center;justify-content:space-between}.auth-row__check{display:flex;align-items:center;gap:.4rem;cursor:pointer}.auth-row__check input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);cursor:pointer}.auth-row__check span{font-size:.75rem;color:var(--text-2)}.auth-row__link{font-size:.75rem;color:var(--accent);font-weight:600;text-decoration:none;cursor:pointer}.auth-row__link:hover{text-decoration:underline}.auth-btn{width:100%;height:42px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;font-family:var(--bd-font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .15s ease,box-shadow .15s ease;margin-top:.4rem}.auth-btn:hover{box-shadow:0 0 0 3px var(--accent-glow)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn--outline{background:transparent;border:1px solid var(--border);color:var(--text-2)}.auth-btn--outline:hover{background:var(--surface-2);box-shadow:none}.auth-fp-success-icon{width:56px;height:56px;border-radius:14px;background:var(--accent-soft, rgba(59, 181, 134, .18));border:1px solid var(--accent-glow, rgba(59, 181, 134, .32));display:flex;align-items:center;justify-content:center;color:var(--accent, #3BB586)}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:auth-spin .7s linear infinite;flex-shrink:0}@keyframes faq-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-title{font-size:1.5rem;font-weight:700;color:var(--text, #101820);letter-spacing:-.02em;line-height:1.25;margin:.5rem 0 .35rem}.sub-heading{font-size:.85rem;font-weight:400;color:var(--text-mute, rgba(0, 0, 0, .5));line-height:1.6;max-width:640px;margin:0 0 1rem}.fq-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;margin:.5rem 0 1rem;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0;animation:faq-fade-up .3s cubic-bezier(.22,1,.36,1) both}.fq-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #101820);margin:0;letter-spacing:-.02em;line-height:1.2}.fq-header__subtitle{font-size:.72rem;color:var(--text-2, #101820);margin:0}.fq-search{display:flex;align-items:center;gap:6px;background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:8px;padding:5px 12px;width:220px;transition:border-color .15s ease}.fq-search:focus-within{border-color:var(--accent, #53B798)}.fq-search svg{color:var(--text-mute, #101820);flex-shrink:0}.fq-search__input{background:transparent;border:none;outline:none;color:var(--text, #101820);font-size:.78rem;font-family:var(--bd-font, sans-serif);width:100%}.fq-search__input::-moz-placeholder{color:var(--text-mute, #101820)}.fq-search__input::placeholder{color:var(--text-mute, #101820)}.fq-total{font-size:.72rem;color:var(--text-mute, #101820);font-family:var(--bd-mono, monospace);background:var(--surface-3, rgba(0, 0, 0, .03));border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:999px;padding:4px 12px;white-space:nowrap}.fq-close-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border-strong, rgba(0, 0, 0, .12));background:var(--surface-2, rgba(0, 0, 0, .03));color:var(--text-2, #101820);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.fq-close-btn:hover{background:var(--danger-soft, rgba(239, 68, 68, .1));border-color:#ef444459;color:var(--danger, #f87171)}.fq-close-btn:active{transform:scale(.92);transition-duration:.08s}.fq-close-btn:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.image-container{display:inline-block;padding:5px;margin:0 auto}.scroll{text-overflow:ellipsis;text-align:center}.container{padding:1.75rem 2rem 2.25rem;margin-bottom:20px;border-radius:8px;line-height:1.6}.scribe-title{width:100%;font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin-bottom:10px;max-height:3.2em;overflow:hidden;text-overflow:ellipsis;color:var(--text, #101820)}.sub-title{font-size:1rem;font-weight:600;color:var(--text, #101820);line-height:1.5;margin:0 0 .9rem}.option{display:block;font-size:.88rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--accent, #53B798);margin:1.4rem 0 .5rem}.description-list{font-size:.95rem;font-weight:400;line-height:1.65;color:var(--text-2, #101820);padding-left:1.35rem;margin:0 0 .75rem}.description-list li{margin-bottom:.55rem;padding-left:.25rem}.description-list li::marker{color:var(--accent, #53B798);font-weight:700}.footer{font-size:.92rem;font-weight:700;color:var(--accent, #53B798);margin-top:1.25rem;padding-top:.9rem;border-top:1px solid var(--border, rgba(0, 0, 0, .08))}.scribe-description{font-size:.95rem;line-height:1.6;color:var(--text-2, #101820);margin-bottom:20px}.scribe-steps{list-style-type:decimal;padding-left:1.35rem;list-style-position:outside}.scribe-steps li{margin-bottom:.6rem;font-size:.95rem;line-height:1.6;color:var(--text-2, #101820)}.scribe-steps li::marker{color:var(--accent, #53B798);font-weight:700}.backBtn{background-color:var(--surface-strong, #003D4C);color:var(--text, #FFFFFF);padding:2px 5px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;font-size:16px;position:absolute;top:0;left:0;transition:background-color .15s ease}.backBtn:hover{background-color:var(--accent, #53B798)}.modal-overlay{position:relative;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:var(--surface, #fff);width:100%;border-radius:16px;box-shadow:var(--shadow-card, 0 8px 24px rgba(0, 0, 0, .15));border:1px solid var(--border, rgba(0, 0, 0, .08));padding:0;max-height:78vh;display:flex;flex-direction:column;position:relative;font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:faq-fade-up .3s cubic-bezier(.22,1,.36,1) both}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border, rgba(0, 0, 0, .1));position:sticky;top:0;background:var(--surface, #fff);z-index:10;border-radius:16px 16px 0 0}.modal-close-btn{font-size:18px;cursor:pointer;color:var(--text-2, #101820)}.modal-header .btn-confirm{width:auto!important;height:auto!important;min-width:0;padding:.45rem 1.1rem!important;border-radius:999px!important;flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.01em;border:1px solid var(--border-strong, rgba(0, 0, 0, .15));background:var(--surface-2, rgba(0, 0, 0, .03));color:var(--text-2, #101820);transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.modal-header .btn-confirm:hover{background:var(--danger-soft, rgba(239, 68, 68, .1));border-color:#ef444459;color:var(--danger, #f87171)}.modal-header .btn-confirm:active{transform:scale(.94);transition-duration:.08s}.modal-header .btn-confirm:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.modal-content{padding:0;overflow-y:auto;flex-grow:1;color:var(--text-2, #101820);scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(0, 0, 0, .15)) transparent}.modal-content::-webkit-scrollbar{width:5px}.modal-content::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(0, 0, 0, .15));border-radius:4px}.image-container{text-align:center;margin:20px 0}.scribe-screenshot,.screenshot{display:block;max-width:100%;height:auto;border:1px solid var(--border, rgba(0, 0, 0, .15));border-radius:10px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .1));margin:.9rem 0 1.2rem;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.scribe-screenshot:hover,.screenshot:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000002e}@media (max-width: 640px){.header-title{font-size:1.25rem}.sub-heading{font-size:.8rem}.container{padding:1.25rem 1.25rem 1.75rem}.modal-header{padding:.9rem 1.1rem}.modal-container{max-height:85vh}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.btn-confirm{flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:4px;width:194px;height:40px;border-radius:16px!important}.read-the-docs{color:#888}.fv-plugins-message-container .fv-help-block{color:#f1416c}.main-content-container{width:100%;min-height:100vh;background:var(--bg, #001e29)}html.light .main-content-container{background:#f5f7f7}.app-topbar{display:flex;justify-content:flex-end;width:100%;min-height:52px;background:var(--bg, #003D4C);border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}::-webkit-scrollbar{width:.65em;height:.65em}::-webkit-scrollbar-track{background:#ecf5f4;border-radius:15px}.scale-85{scale:.85}.logged-in{margin-left:300px;padding-bottom:0}@media (max-width: 1080px){.logged-in{margin-left:97px}}@media (max-width: 900px){.logged-in{margin-left:0}}@keyframes fq-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#faq.fq-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:fq-fade-up .35s cubic-bezier(.22,1,.36,1) both}.fq-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.fq-header__left{display:flex;flex-direction:column;gap:.1rem}.fq-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.fq-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.fq-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.fq-search{display:flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:5px 12px;width:220px;transition:border-color .15s}.fq-search:focus-within{border-color:var(--accent)}.fq-search svg{color:var(--text-mute);flex-shrink:0}.fq-search__input{background:transparent;border:none;outline:none;color:var(--text);font-size:.78rem;font-family:var(--bd-font, sans-serif);width:100%}.fq-search__input::-moz-placeholder{color:var(--text-mute)}.fq-search__input::placeholder{color:var(--text-mute)}.fq-total{font-size:.72rem;color:var(--text-mute);font-family:var(--bd-mono);background:var(--surface-3);border:1px solid var(--border);border-radius:999px;padding:4px 12px;white-space:nowrap}.fq-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.fq-content::-webkit-scrollbar{width:5px}.fq-content::-webkit-scrollbar-track{background:transparent}.fq-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem;align-items:start}@media (max-width: 640px){.faq-grid{grid-template-columns:1fr}}.faq-card{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .15s;position:relative}.faq-card:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow, rgba(59, 181, 134, .3)),transparent);opacity:0;transition:opacity .2s}.faq-card:hover{border-color:var(--border-strong, rgba(255, 255, 255, .12));box-shadow:var(--shadow-card),0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .08));transform:translateY(-1px)}.faq-card:hover:before{opacity:1}.faq-card--open{border-color:var(--border-strong, rgba(255, 255, 255, .12))}.faq-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.1rem;background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface-3) 100%);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid transparent;transition:background .15s,border-color .15s}.faq-card-header:hover{background:linear-gradient(135deg,var(--surface-3) 0%,var(--surface-2) 100%)}.faq-card--open .faq-card-header{border-bottom-color:var(--border)}.faq-card-header__left{display:flex;align-items:center;gap:8px;min-width:0}.faq-card-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--accent-soft, rgba(59, 181, 134, .12));color:var(--accent);flex-shrink:0}.faq-card-title{font-size:.85rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.faq-card-count{font-size:.68rem;color:var(--text-mute);font-family:var(--bd-mono);background:var(--surface-3);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.faq-card-chevron{color:var(--text-mute);transition:transform .25s cubic-bezier(.4,0,.2,1),color .15s;flex-shrink:0}.faq-card--open .faq-card-chevron{transform:rotate(180deg);color:var(--accent)}.faq-card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.faq-card--open .faq-card-body{grid-template-rows:1fr}.faq-card-body__inner{overflow:hidden}.faq-card-links{list-style:none;margin:0;padding:.5rem 1.1rem .85rem;display:flex;flex-direction:column;gap:1px}.faq-card-link-item{display:flex}.faq-card-link{display:flex;align-items:center;gap:6px;width:100%;padding:.35rem .5rem;border-radius:7px;border:none;background:transparent;color:var(--text-2, #FFFFFF);font-size:.78rem;font-family:var(--bd-font, sans-serif);text-align:left;cursor:pointer;transition:background .12s,color .12s}.faq-card-link:before{content:"›";color:var(--accent, #53B798);font-size:1rem;line-height:1;flex-shrink:0}.faq-card-link:hover{background:var(--tab-bg, rgba(255, 255, 255, .05));color:var(--accent, #53B798)}.fq-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:var(--text-mute);font-size:.85rem}.faqPages{background:var(--bg, #003D4C);font-family:var(--bd-font, sans-serif)}.faqPages h1,.faqPages h2,.faqPages h3{color:var(--text, #FFFFFF);font-family:var(--bd-font, sans-serif)}.faqPages p,.faqPages li{color:var(--text-2, #FFFFFF);font-size:.85rem;line-height:1.6}.faqPages a{color:var(--accent, #53B798)}.faqPages strong{color:var(--text, #FFFFFF)}@keyframes wf-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wfps-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.wfps-line,.wfps-chip,.wfps-input,.wfps-icon{background:linear-gradient(90deg,var(--surface-2, #004d5e) 25%,var(--surface-3, #005a6d) 50%,var(--surface-2, #004d5e) 75%);background-size:600px 100%;animation:wfps-shimmer 1.5s infinite linear;border-radius:6px}#web-filters.wf-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:wf-fade-up .3s cubic-bezier(.22,1,.36,1) both}.wf-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.wf-header__left{display:flex;flex-direction:column;gap:.1rem}.wf-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.wf-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.wf-header__stats{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.wf-stat{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.35rem .8rem;border-radius:10px;border:1px solid}.wf-stat__num{font-size:1.05rem;font-weight:800;line-height:1;font-family:var(--bd-mono, monospace)}.wf-stat__label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.75}.wf-stat--block{background:rgba(248,113,113,.08);border-color:#f8717138;color:var(--danger, #f87171)}.wf-stat--allow{background:var(--accent-soft, rgba(59, 181, 134, .1));border-color:var(--accent-glow, rgba(59, 181, 134, .28));color:var(--accent, #53B798)}.wf-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.wf-content::-webkit-scrollbar{width:5px}.wf-content::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.wf-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media (max-width: 860px){.wf-panels{grid-template-columns:1fr}}.wf-panel{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:16px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));display:flex;flex-direction:column;gap:0;overflow:hidden;position:relative}.wf-panel:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px}.wf-panel--block:before{background:linear-gradient(90deg,transparent,rgba(248,113,113,.4),transparent)}.wf-panel--allow:before{background:linear-gradient(90deg,transparent,var(--accent-glow, rgba(59, 181, 134, .4)),transparent)}.wf-panel__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .85rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.wf-panel__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wf-panel__icon--block{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.22);color:var(--danger, #f87171)}.wf-panel__icon--allow{background:var(--accent-soft, rgba(59, 181, 134, .1));border:1px solid var(--accent-glow, rgba(59, 181, 134, .22));color:var(--accent, #53B798)}.wf-panel__head-text{flex:1;min-width:0}.wf-panel__title{font-size:.95rem;font-weight:700;color:var(--text, #FFFFFF);margin:0 0 .15rem;letter-spacing:-.01em}.wf-panel__desc{font-size:.7rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-panel__count{font-size:.78rem;font-weight:700;font-family:var(--bd-mono, monospace);padding:.2rem .55rem;border-radius:20px;flex-shrink:0}.wf-panel--block .wf-panel__count{background:rgba(248,113,113,.1);color:var(--danger, #f87171);border:1px solid rgba(248,113,113,.2)}.wf-panel--allow .wf-panel__count{background:var(--accent-soft, rgba(59, 181, 134, .1));color:var(--accent, #53B798);border:1px solid var(--accent-glow, rgba(59, 181, 134, .2))}.wf-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem 0}.wf-input-wrap{flex:1;position:relative;display:flex;align-items:center}.wf-input-wrap__icon{position:absolute;left:10px;color:var(--text-mute, rgba(255, 255, 255, .38));display:flex;align-items:center;pointer-events:none}.wf-input{width:100%;padding:.5rem .75rem .5rem 2.1rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text, #FFFFFF);font-size:.84rem;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s ease}.wf-input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .3))}.wf-input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .3))}.wf-panel--block .wf-input:focus{border-color:#f8717166}.wf-panel--allow .wf-input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.wf-add-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .9rem;border-radius:9px;font-size:.8rem;font-weight:700;font-family:var(--bd-font, sans-serif);cursor:pointer;flex-shrink:0;transition:background .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.wf-add-btn:active{transform:translateY(0) scale(.96);transition-duration:.08s}.wf-add-btn svg{flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.wf-add-btn:hover svg{transform:rotate(90deg)}.wf-add-btn--block{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.28);color:var(--danger, #f87171)}.wf-add-btn--block:hover{background:rgba(248,113,113,.22);box-shadow:0 0 0 1px #f8717159;transform:translateY(-1px)}.wf-add-btn--allow{background:var(--accent-soft, rgba(59, 181, 134, .12));border:1px solid var(--accent-glow, rgba(59, 181, 134, .3));color:var(--accent, #53B798)}.wf-add-btn--allow:hover{background:var(--accent-soft, rgba(59, 181, 134, .22));box-shadow:0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .4));transform:translateY(-1px)}.wf-error{display:flex;align-items:center;gap:.4rem;margin:.5rem 1.25rem 0;padding:.45rem .75rem;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.22);border-radius:8px;font-size:.75rem;color:var(--danger, #f87171);font-family:var(--bd-font, sans-serif);animation:wf-fade-up .2s ease both}.wf-domain-list{flex:1;padding:.75rem 1.25rem 1.25rem;overflow-y:auto;max-height:calc(100vh - 380px);min-height:120px;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.wf-domain-list::-webkit-scrollbar{width:4px}.wf-domain-list::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.wf-domain-list__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem 1rem;text-align:center;color:var(--text-mute, rgba(255, 255, 255, .3));font-size:.78rem}.wf-domain-list__empty p{margin:0}.wf-domain-list__empty-icon{width:42px;height:42px;border-radius:50%;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center;opacity:.45;margin-bottom:.25rem}.wf-domain-chips{display:flex;flex-direction:column;gap:.4rem}.wf-chip{display:flex;align-items:center;gap:.5rem;padding:.42rem .7rem;border-radius:9px;border:1px solid;font-family:var(--bd-font, sans-serif);animation:wf-fade-up .18s ease both;transition:border-color .15s ease,background .15s ease}.wf-chip--block{background:rgba(248,113,113,.06);border-color:#f8717126}.wf-chip--block:hover{background:rgba(248,113,113,.11);border-color:#f8717140}.wf-chip--block .wf-chip__icon{color:var(--danger, #f87171)}.wf-chip--block .wf-chip__label{color:var(--text-2, #FFFFFF)}.wf-chip--allow{background:var(--accent-soft, rgba(59, 181, 134, .06));border-color:var(--accent-glow, rgba(59, 181, 134, .15))}.wf-chip--allow:hover{background:var(--accent-soft, rgba(59, 181, 134, .11));border-color:var(--accent-glow, rgba(59, 181, 134, .28))}.wf-chip--allow .wf-chip__icon{color:var(--accent, #53B798)}.wf-chip--allow .wf-chip__label{color:var(--text-2, #FFFFFF)}.wf-chip__icon{display:flex;align-items:center;flex-shrink:0;opacity:.75}.wf-chip__label{flex:1;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--bd-mono, monospace);letter-spacing:.01em}.wf-chip__remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:none;border:none;cursor:pointer;opacity:.45;color:var(--text, #FFFFFF);flex-shrink:0;transition:opacity .15s ease,background .15s ease}.wf-chip__remove:hover{opacity:1;background:rgba(248,113,113,.2);color:var(--danger, #f87171)}.wf-panel-skeleton{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;min-height:300px}.wfps-head{display:flex;align-items:center;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.wfps-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0}.wfps-text{flex:1;display:flex;flex-direction:column;gap:.35rem}.wfps-input{height:38px;border-radius:10px}.wfps-chips{display:flex;flex-direction:column;gap:.4rem}.wfps-chip{height:36px;border-radius:9px}.wfps-line{height:10px}.wfps-line--title{width:50%;height:13px}.wfps-line--sub{width:70%;height:9px}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error)}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translate(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:4px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;display:flex;justify-content:space-between;max-height:var(--toastify-toast-max-height);overflow:hidden;font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;flex:1 1 auto;padding:6px;display:flex;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;flex:1}.Toastify__toast-icon{margin-inline-end:10px;width:20px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.7s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rl-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#rules.rl-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:rl-fade-up .35s cubic-bezier(.22,1,.36,1) both}.rl-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.rl-header__left{display:flex;flex-direction:column;gap:.1rem}.rl-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.rl-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.rl-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.rl-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.rl-content::-webkit-scrollbar{width:5px}.rl-content::-webkit-scrollbar-track{background:transparent}.rl-content::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.rl-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem 1rem;background:var(--accent-soft, rgba(59, 181, 134, .15));border:1px solid var(--accent-glow, rgba(59, 181, 134, .35));border-radius:10px;color:var(--accent, #53B798);font-family:var(--bd-font, sans-serif);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.22,1,.36,1);white-space:nowrap}.rl-add-btn:hover{background:var(--accent-soft, rgba(59, 181, 134, .25));box-shadow:0 0 0 3px var(--accent-glow, rgba(59, 181, 134, .15));transform:translateY(-1px)}.rl-add-btn:active{transform:translateY(0) scale(.96);transition-duration:.08s}.rl-add-btn svg{flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.rl-add-btn:hover svg{transform:rotate(90deg)}.rl-form-card{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:16px;box-shadow:var(--shadow-card, 0 4px 20px rgba(0, 0, 0, .25));padding:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;position:relative;overflow:hidden;min-height:0;max-height:100%}.rl-form-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow, rgba(59, 181, 134, .4)),transparent)}.rl-form-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0}.rl-form-card__body{display:flex;flex-direction:column;gap:1.25rem;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .12)) transparent}.rl-form-card__body::-webkit-scrollbar{width:5px}.rl-form-card__body::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .14));border-radius:4px}.rl-form-card__title{font-size:1rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;font-family:var(--bd-font, sans-serif);letter-spacing:-.01em}.rl-form-card__desc{font-size:.75rem;color:var(--text-mute, #FFFFFF);font-family:var(--bd-font, sans-serif);margin-top:.15rem;display:block}.rl-form-card__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--tab-bg, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;color:var(--text-mute, #FFFFFF);cursor:pointer;flex-shrink:0;transition:background .12s ease,color .12s ease}.rl-form-card__close:hover{background:var(--surface-2, rgba(255, 255, 255, .08));color:var(--text, #FFFFFF)}.rl-form-card__actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border, rgba(255, 255, 255, .07));flex-shrink:0}.rl-input{background:var(--surface-2, rgba(255, 255, 255, .04))!important;border:1px solid var(--border-strong, rgba(255, 255, 255, .12))!important;border-radius:10px!important;color:var(--text, #FFFFFF)!important;font-family:var(--bd-font, sans-serif)!important;font-size:.88rem!important}.rl-input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))!important}.rl-input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))!important}.rl-input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4))!important;outline:none!important}.rl-section{background:var(--surface-2, rgba(255, 255, 255, .03));border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:12px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.rl-section__head{display:flex;flex-direction:column;gap:.1rem}.rl-section__title{font-size:.85rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;font-family:var(--bd-font, sans-serif)}.rl-section__sub{font-size:.72rem;color:var(--text-mute, #FFFFFF);font-family:var(--bd-font, sans-serif)}.rl-selected-days{font-size:.78rem;color:var(--accent, #53B798);font-family:var(--bd-font, sans-serif);min-height:1rem}.rl-day-row{display:flex;gap:.35rem;flex-wrap:wrap}.rl-allday-check{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.82rem;color:var(--text-2, #FFFFFF);font-family:var(--bd-font, sans-serif)}.rl-allday-check input[type=checkbox]{cursor:pointer;accent-color:var(--accent, #53B798)}.rl-allday-check span{text-decoration:underline;text-underline-offset:2px}.rl-clocks{display:flex;gap:1rem;flex-wrap:wrap}.rl-clock-card{flex:1;min-width:160px;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s ease}.rl-clock-card:hover{border-color:var(--border-strong, rgba(255, 255, 255, .14))}.rl-btn-cancel{padding:.42rem 1.25rem!important;border-radius:10px!important;font-family:var(--bd-font, sans-serif)!important;font-size:.82rem!important;font-weight:500!important;background:var(--tab-bg, rgba(255, 255, 255, .05))!important;border:1px solid var(--border-strong, rgba(255, 255, 255, .12))!important;color:var(--text-2, #FFFFFF)!important}.rl-btn-cancel:hover{background:var(--surface-2, rgba(255, 255, 255, .08))!important}.rl-btn-confirm{padding:.42rem 1.5rem!important;border-radius:10px!important;font-family:var(--bd-font, sans-serif)!important;font-size:.82rem!important;font-weight:600!important;background:var(--accent-soft, rgba(59, 181, 134, .15))!important;border:1px solid var(--accent-glow, rgba(59, 181, 134, .35))!important;color:var(--accent, #53B798)!important}.rl-btn-confirm:hover{background:var(--accent-soft, rgba(59, 181, 134, .28))!important}.rl-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;align-items:stretch}@media (max-width: 768px){.rl-skeleton-grid{grid-template-columns:1fr}}.rl-list{display:flex;flex-direction:column;gap:.5rem}.rl-spinner-wrap{display:flex;justify-content:center;align-items:center;padding:4rem 0}.new-rule{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;color:var(--accent, #53B798);font-family:var(--bd-font, sans-serif);font-weight:600;font-size:.88rem;transition:opacity .15s ease}.new-rule:hover{opacity:.8}.text-newrule{font-size:.88rem;font-weight:600;color:var(--accent, #53B798);font-family:var(--bd-font, sans-serif)}.shadow-md{background:var(--surface, #003D4C)!important;border:1px solid var(--border, rgba(255, 255, 255, .08))!important;border-radius:14px!important;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .2))!important}.popUpTitle{font-size:.9rem;font-weight:600;color:var(--text, #FFFFFF);font-family:var(--bd-font, sans-serif)}.rule-day,.rule-day-selected{width:50px;height:28px;font-size:12px;border-radius:16px;font-family:var(--bd-font, sans-serif);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.rule-day{background:var(--tab-bg, rgba(255, 255, 255, .06));color:var(--text-2, #FFFFFF);border:1px solid var(--border, rgba(255, 255, 255, .08))}.rule-day-selected{background:var(--accent, #53B798);color:#fff;border:1px solid var(--accent, #53B798);font-weight:700;box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .2))}.rule-workWeek,.rule-workWeek-selected{height:28px;font-size:12px;border-radius:16px;font-family:var(--bd-font, sans-serif);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:1;transition:all .15s ease}.rule-workWeek{background:var(--tab-bg, rgba(255, 255, 255, .06));color:var(--text-2, #FFFFFF);border:1px solid var(--border, rgba(255, 255, 255, .08))}.rule-workWeek-selected{background:var(--accent, #53B798);color:#fff;border:1px solid var(--accent, #53B798);font-weight:700;box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .2))}.card-day{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--tab-bg, rgba(255, 255, 255, .05));color:var(--text-2, #FFFFFF);border-radius:12px;cursor:pointer;font-size:12px;font-family:var(--bd-font, sans-serif);font-weight:500;transition:all .15s ease;border:1px solid var(--border, rgba(255, 255, 255, .08))}.card-day:hover{background:var(--surface-2, rgba(255, 255, 255, .08))}.card-day.selected{background:var(--accent-soft, rgba(59, 181, 134, .18));color:var(--accent, #53B798);border-color:var(--accent-glow, rgba(59, 181, 134, .3));font-weight:600}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.4rem;max-height:240px;overflow-y:auto;padding:6px;border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .03));scrollbar-width:thin}.time-slot{padding:.45rem .6rem;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;background:var(--tab-bg, rgba(255, 255, 255, .03));cursor:pointer;transition:all .15s ease;font-size:.78rem;font-family:var(--bd-font, sans-serif);color:var(--text-2, #FFFFFF);text-align:center}.time-slot:hover{background:var(--surface-3, rgba(255, 255, 255, .06));border-color:var(--border-strong, rgba(255, 255, 255, .14))}.time-slot.selected{background:var(--accent-soft, rgba(59, 181, 134, .18));color:var(--accent, #53B798);border-color:var(--accent-glow, rgba(59, 181, 134, .3));font-weight:600}.selected-time{background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:.5rem .75rem;font-size:.82rem;color:var(--text-2, #FFFFFF);font-family:var(--bd-font, sans-serif)}.time-header{background:var(--accent, #53B798);border-radius:6px;justify-content:center;width:100%;padding:4px 0;font-size:12px;text-align:center;color:#fff;font-weight:600}.tabs{background:transparent;border:1px solid var(--accent-glow, rgba(59, 181, 134, .3))}.highlighted{font-weight:700;color:var(--text, #FFFFFF)}.faded{color:var(--text-mute, #FFFFFF);font-weight:700}.rule-name{font-family:var(--bd-font, sans-serif);font-weight:500;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2, #FFFFFF)}.popuptext{font-size:13px;font-weight:500;cursor:pointer;color:var(--text-2, #FFFFFF)}.Hide{display:none}.Toastify__progress-bar{height:0px!important}.setting-btn{background:var(--surface, #003D4C)!important;font-family:var(--bd-font, sans-serif);font-size:14px;color:var(--text-mute, #FFFFFF)}.MuiDigitalClock-root{height:200px!important;background:var(--surface-2, rgba(255, 255, 255, .04))!important;border-radius:10px!important;border:1px solid var(--border, rgba(255, 255, 255, .08))!important}.MuiDigitalClock-item{color:var(--text-2, #FFFFFF)!important;font-family:var(--bd-font, sans-serif)!important;font-size:.82rem!important;border-radius:7px!important;margin:2px 4px!important;transition:background .12s ease!important}.MuiDigitalClock-item:hover{background:var(--tab-bg, rgba(255, 255, 255, .06))!important}.MuiDigitalClock-item.Mui-selected{background:var(--accent-soft, rgba(59, 181, 134, .18))!important;color:var(--accent, #53B798)!important;font-weight:600!important}.MuiMenuItem-root{justify-content:center!important}@keyframes timeSelect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.MuiDigitalClock-item.Mui-selected{animation:timeSelect .2s ease}.time-color{transition:all .2s ease}.time-color:hover{transform:translateY(-1px)}.bd-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:rgba(0,10,14,.65);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bd-dialog-overlay[data-state=open]{animation:bd-overlay-in .2s ease both}.bd-dialog-overlay[data-state=closed]{animation:bd-overlay-out .15s ease both}@keyframes bd-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes bd-overlay-out{0%{opacity:1}to{opacity:0}}.bd-dialog-content{position:fixed;left:50%;top:50%;z-index:51;translate:-50% -50%;width:min(100vw - 2rem,480px);max-height:calc(100vh - 3rem);background:var(--surface, #003d4c);border:1px solid var(--border, rgba(255, 255, 255, .09));border-radius:16px;box-shadow:var(--shadow-card, 0 8px 32px rgba(0, 0, 0, .55)),0 0 0 1px #ffffff0a inset;font-family:var(--bd-font, "Ubuntu", sans-serif);display:flex;flex-direction:column;overflow:hidden}.bd-dialog-content[data-state=open]{animation:bd-dialog-in .22s cubic-bezier(.22,1,.36,1) both}.bd-dialog-content[data-state=closed]{animation:bd-dialog-out .15s ease both}@keyframes bd-dialog-in{0%{opacity:0;scale:.96;translate:-50% calc(-50% + 8px)}to{opacity:1;scale:1;translate:-50% -50%}}@keyframes bd-dialog-out{0%{opacity:1;scale:1;translate:-50% -50%}to{opacity:0;scale:.97;translate:-50% calc(-50% + 4px)}}.bd-dialog-header{display:flex;align-items:flex-start;gap:.75rem;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, #004d5e) url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;position:relative;flex-shrink:0}.bd-dialog-header__icon{width:32px;height:32px;border-radius:8px;background:var(--accent-soft, rgba(59, 181, 134, .18));border:1px solid var(--accent-glow, rgba(59, 181, 134, .3));display:flex;align-items:center;justify-content:center;color:var(--accent, #3BB586);flex-shrink:0}.bd-dialog-header__text{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.bd-dialog-title{font-size:.95rem;font-weight:700;color:var(--text, #e8f4f3);letter-spacing:-.01em;line-height:1.3}.bd-dialog-description{font-size:.75rem;color:var(--text-mute, #6d9098);line-height:1.5}.bd-dialog-body{padding:1.1rem 1.25rem;color:var(--text-2, #a8c8cc);font-size:.82rem;line-height:1.6;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(255, 255, 255, .15)) transparent;position:relative}.bd-dialog-body::-webkit-scrollbar{width:6px}.bd-dialog-body::-webkit-scrollbar-track{background:transparent}.bd-dialog-body::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(255, 255, 255, .15));border-radius:3px}.bd-dialog-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.25rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, #004d5e);flex-shrink:0}.bd-dialog-close{position:absolute;right:1rem;top:50%;translate:0 -50%;width:26px;height:26px;border-radius:7px;border:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--surface-3, rgba(255, 255, 255, .05));color:var(--text-mute, #6d9098);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.bd-dialog-close:hover{background:var(--danger-soft, rgba(255, 93, 93, .12));border-color:var(--danger, #ff5d5d);color:var(--danger, #ff5d5d)}.bd-dialog-close svg{width:13px;height:13px}html.light .bd-dialog-overlay{background:rgba(0,0,0,.35)}html.light .bd-dialog-content{background:#ffffff;border-color:#00000014;box-shadow:0 8px 32px #00000024,0 0 0 1px #00000008 inset}html.light .bd-dialog-header{background:#f0f4f4 url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;border-bottom-color:#00000014}html.light .bd-dialog-header__icon{background:rgba(42,157,116,.12);border-color:#2a9d7440;color:#2a9d74}html.light .bd-dialog-title{color:#0d1617}html.light .bd-dialog-description{color:#5a7a82}html.light .bd-dialog-body{color:#3d5a60}html.light .bd-dialog-footer{background:#f0f4f4;border-top-color:#00000014}html.light .bd-dialog-close{background:rgba(0,0,0,.05);border-color:#0000001a;color:#7a8b8c}html.light .bd-dialog-close:hover{background:rgba(239,68,68,.1);border-color:#ef444466;color:#e03535}.cd-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 1.1rem;border-radius:9px;border:1px solid transparent;font-family:var(--bd-font, "Ubuntu", sans-serif);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.cd-btn:active{opacity:.85}.cd-btn--cancel{background:var(--surface-3, rgba(255, 255, 255, .06));border-color:var(--border, rgba(255, 255, 255, .08));color:var(--text-mute, #6d9098)}.cd-btn--cancel:hover{background:var(--surface-2, #004d5e);border-color:var(--border, rgba(255, 255, 255, .14));color:var(--text, #e8f4f3)}.cd-btn--confirm{background:var(--accent, #3bb586);border-color:var(--accent-glow, rgba(59, 181, 134, .4));color:#fff;box-shadow:0 0 0 0 var(--accent-glow, rgba(59, 181, 134, 0))}.cd-btn--confirm:hover{background:color-mix(in srgb,var(--accent, #3bb586) 85%,#fff);box-shadow:0 0 10px var(--accent-glow, rgba(59, 181, 134, .35))}.cd-msg{margin:0;color:var(--text-2, #a8c8cc);font-size:.82rem;line-height:1.6}.cd-msg+.cd-msg{margin-top:.4rem}html.light .cd-btn--cancel{background:rgba(0,0,0,.04);border-color:#0000001a;color:#5a7a82}html.light .cd-btn--cancel:hover{background:rgba(0,0,0,.08);border-color:#00000026;color:#0d1617}html.light .cd-btn--confirm{background:#2a9d74;border-color:#2a9d7466}html.light .cd-btn--confirm:hover{background:#24875f;box-shadow:0 0 10px #2a9d744d}html.light .cd-msg{color:#4a6068}.rules-grid-container{padding:1rem 0}.search-section{margin-bottom:1.5rem}.search-section .search-filters-container{display:flex;gap:1rem;margin-bottom:1rem}.search-section .filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-section .search-container{position:relative;max-width:400px}.search-section .search-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-mute, rgba(255, 255, 255, .4))}.search-section .search-container .search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .04));color:var(--text, #FFFFFF);font-size:.875rem;font-family:var(--bd-font, sans-serif);transition:border-color .15s ease}.search-section .search-container .search-input:focus{outline:none;border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.search-section .search-container .search-input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))}.search-section .search-container .search-input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))}.search-section .search-container .clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute, rgba(255, 255, 255, .4));cursor:pointer;padding:4px;border-radius:4px}.search-section .results-info{font-size:.875rem;color:var(--text-mute, #FFFFFF);margin-top:.5rem;font-family:var(--bd-font, sans-serif)}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:8px;font-size:.875rem;color:var(--text-2, #FFFFFF);cursor:pointer;transition:all .2s ease;position:relative;background:var(--tab-bg, rgba(255, 255, 255, .04));font-family:var(--bd-font, sans-serif)}.filter-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .07));border-color:var(--border-strong, rgba(255, 255, 255, .2))}.filter-btn.active{background:var(--accent-soft, rgba(59, 181, 134, .15));border-color:var(--accent-glow, rgba(59, 181, 134, .35));color:var(--accent, #53B798)}.filter-btn .filter-indicator{width:6px;height:6px;background:var(--danger, #ef4444);border-radius:50%;position:absolute;top:4px;right:4px}.filter-btn .dropdown-arrow{transition:transform .2s ease}.filter-btn .dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;z-index:50;min-width:160px;border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:8px;box-shadow:var(--shadow-card, 0 10px 24px rgba(0, 0, 0, .3));margin-top:.25rem;overflow:hidden;background:var(--surface-2, #004d5e)}.dropdown-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;background:none;border:none;font-size:.875rem;color:var(--text-2, #FFFFFF);cursor:pointer;font-family:var(--bd-font, sans-serif);transition:background .15s ease}.dropdown-item:hover{background:var(--surface-3, rgba(255, 255, 255, .06));color:var(--text, #FFFFFF)}.dropdown-item:not(:last-child){border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.clear-filters-btn{padding:.45rem .75rem;background:var(--tab-bg, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:8px;font-size:.875rem;color:var(--text-mute, #FFFFFF);cursor:pointer;transition:all .2s ease;font-family:var(--bd-font, sans-serif)}.clear-filters-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .07));color:var(--text, #FFFFFF)}@keyframes rule-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;margin-bottom:2rem;align-items:stretch}@media (max-width: 768px){.rules-grid{grid-template-columns:1fr;gap:.75rem}}.rule-card{background:var(--surface, #003D4C);border-radius:14px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .18));border:1px solid var(--border, rgba(255, 255, 255, .06));cursor:pointer;transition:border-color .18s ease,box-shadow .2s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);overflow:hidden;position:relative;display:flex;flex-direction:column;animation:rule-card-in .35s cubic-bezier(.22,1,.36,1) both}.rule-card:nth-child(1){animation-delay:0ms}.rule-card:nth-child(2){animation-delay:35ms}.rule-card:nth-child(3){animation-delay:70ms}.rule-card:nth-child(4){animation-delay:105ms}.rule-card:nth-child(5){animation-delay:.14s}.rule-card:nth-child(6){animation-delay:175ms}.rule-card:nth-child(7){animation-delay:.21s}.rule-card:nth-child(8){animation-delay:245ms}.rule-card:nth-child(9){animation-delay:.28s}.rule-card:before{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow, rgba(59, 181, 134, .3)),transparent);opacity:0;transition:opacity .2s ease}.rule-card:hover{transform:translateY(-3px);border-color:var(--border-strong, rgba(255, 255, 255, .12));box-shadow:var(--shadow-card, 0 6px 22px rgba(0, 0, 0, .28)),0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .07))}.rule-card:hover:before{opacity:1}.rule-card:hover .rule-icon{transform:scale(1.1)}.rule-card:active{transform:translateY(-1px) scale(.988);transition-duration:.08s}.rule-card .card-header{display:flex;align-items:flex-start;padding:1rem 1.1rem .75rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06));gap:.75rem;flex-shrink:0}.rule-card .card-header .rule-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;flex-shrink:0;background:var(--accent-soft, rgba(59, 181, 134, .12));transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.rule-card .card-header .rule-icon svg{width:20px;height:20px;fill:var(--accent, #53B798)}.rule-card .card-header .rule-info{flex:1;min-width:0}.rule-card .card-header .rule-info .rule-name{font-size:.92rem;font-weight:700;color:var(--text, #FFFFFF);margin:0 0 .18rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--bd-font, sans-serif);letter-spacing:-.01em}.rule-card .card-header .rule-info .rule-time{font-size:.75rem;color:var(--text-mute, #FFFFFF);margin:0;line-height:1.4;font-family:var(--bd-font, sans-serif)}.rule-card .card-header .status-badge{padding:.22rem .6rem;border-radius:20px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-self:flex-start}.rule-card .card-body{padding:.85rem 1.1rem;flex:1}.rule-card .card-body .info-grid{display:flex;flex-direction:column;gap:.45rem}.rule-card .card-body .info-item{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.18rem 0;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04))}.rule-card .card-body .info-item:last-child{border-bottom:none}.rule-card .card-body .info-item .info-label{font-size:.72rem;font-weight:600;color:var(--text-mute, #FFFFFF);flex-shrink:0;font-family:var(--bd-font, sans-serif);text-transform:uppercase;letter-spacing:.04em}.rule-card .card-body .info-item .info-value{font-size:.78rem;color:var(--text-2, #FFFFFF);text-align:right;word-break:break-word;flex:1;font-family:var(--bd-font, sans-serif)}.rule-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.1rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, rgba(255, 255, 255, .025));flex-shrink:0}.rule-card .card-footer .days-preview{display:flex;gap:4px}.rule-card .card-footer .days-preview .day-pill{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:700;background:transparent;color:var(--text-dim, rgba(255, 255, 255, .28));border:1px dashed var(--border, rgba(255, 255, 255, .14));opacity:.6;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s cubic-bezier(.22,1,.36,1),opacity .15s ease}.rule-card .card-footer .days-preview .day-pill.selected{background:var(--accent, #53B798);color:#fff;border:1px solid var(--accent, #53B798);opacity:1;transform:scale(1.08);box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .2)),0 2px 6px #00000040}.rule-card .card-footer .card-actions{display:flex;gap:.4rem}.rule-card .card-footer .delete-btn{font-size:.72rem!important;padding:.22rem .65rem!important;border-radius:8px!important;font-family:var(--bd-font, sans-serif)!important;font-weight:600!important}@keyframes rcs-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.rule-card-skeleton{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;overflow:hidden;display:flex;flex-direction:column;animation:rcs-fadeIn .3s ease both}@keyframes rcs-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.rcs-line,.rcs-pill,.rcs-badge,.rcs-icon{background:linear-gradient(90deg,var(--surface-2, rgba(255, 255, 255, .04)) 25%,var(--surface-3, rgba(255, 255, 255, .08)) 50%,var(--surface-2, rgba(255, 255, 255, .04)) 75%);background-size:600px 100%;animation:rcs-shimmer 1.5s infinite linear;border-radius:6px}.rcs-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem .75rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.rcs-icon{width:36px;height:36px;border-radius:9px;flex-shrink:0}.rcs-title-group{flex:1;display:flex;flex-direction:column;gap:.35rem}.rcs-badge{width:52px;height:20px;border-radius:20px;flex-shrink:0}.rcs-body{flex:1;padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.55rem}.rcs-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.45rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04))}.rcs-row:last-child{border-bottom:none}.rcs-footer{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.1rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, rgba(255, 255, 255, .025))}.rcs-pills{display:flex;gap:3px}.rcs-pill{width:22px;height:22px;border-radius:50%}.rcs-line{height:12px}.rcs-line--title{width:55%;height:13px}.rcs-line--sub{width:35%;height:10px}.rcs-line--label{width:28%;height:10px}.rcs-line--value{width:40%;height:10px}.rcs-line--btn{width:56px;height:26px;border-radius:8px}.no-rules{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--text-mute, #FFFFFF)}.no-rules svg{margin-bottom:1rem;color:var(--text-mute, #FFFFFF)}.no-rules h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-2, #FFFFFF);font-family:var(--bd-font, sans-serif)}.no-rules p{margin-bottom:1.5rem;color:var(--text-mute, #FFFFFF);font-family:var(--bd-font, sans-serif);font-size:.85rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:8px;background:var(--tab-bg, rgba(255, 255, 255, .04));color:var(--text-2, #FFFFFF);font-size:.82rem;cursor:pointer;transition:all .15s ease;font-family:var(--bd-font, sans-serif)}.pagination .pagination-btn:hover:not(:disabled){background:var(--surface-2, rgba(255, 255, 255, .07));border-color:var(--border-strong, rgba(255, 255, 255, .2))}.pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .pagination-numbers{display:flex;gap:.25rem}.pagination .pagination-numbers .pagination-number{padding:.45rem .65rem;border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:8px;background:var(--tab-bg, rgba(255, 255, 255, .04));color:var(--text-2, #FFFFFF);font-size:.82rem;cursor:pointer;transition:all .15s ease;min-width:2.2rem;text-align:center}.pagination .pagination-numbers .pagination-number:hover{background:var(--surface-2, rgba(255, 255, 255, .07))}.pagination .pagination-numbers .pagination-number.active{background:var(--accent-soft, rgba(59, 181, 134, .18));border-color:var(--accent-glow, rgba(59, 181, 134, .35));color:var(--accent, #53B798);font-weight:600}.bg-green-100{background:var(--accent-soft, rgba(59, 181, 134, .15))!important}.text-green-800{color:var(--accent, #53B798)!important}.bg-red-100{background:var(--danger-soft, rgba(239, 68, 68, .12))!important}.text-red-800{color:var(--danger, #f87171)!important}@keyframes dv-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#devices.devices-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:dv-fade-up .35s cubic-bezier(.22,1,.36,1) both}.dv-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.dv-header__left{display:flex;flex-direction:column;gap:.1rem}.dv-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.dv-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.dv-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.dv-tabs{display:flex;gap:.25rem;background:var(--surface, rgba(0, 0, 0, .15));border-radius:10px;padding:3px;border:1px solid var(--border, rgba(255, 255, 255, .07))}.dv-tab{display:flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:8px;border:none;background:transparent;color:var(--text-mute, #FFFFFF);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s cubic-bezier(.22,1,.36,1);white-space:nowrap}.dv-tab:hover{color:var(--text-2, #FFFFFF)}.dv-tab:active{transform:scale(.96)}.dv-tab--active{background:var(--surface-strong, rgba(255, 255, 255, .1));color:var(--text, #FFFFFF);font-weight:600;box-shadow:0 1px 4px #00000026}.dv-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:.6rem;font-weight:700;background:var(--accent-soft, rgba(59, 181, 134, .15));color:var(--accent, #53B798)}.dv-tab__badge--warn{background:var(--warn-soft, rgba(251, 191, 36, .15));color:var(--warn, #fbbf24);animation:home-badge-blink 2.5s ease-in-out infinite}@keyframes home-badge-blink{0%,to{opacity:1}50%{opacity:.5}}.dv-refresh-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--tab-bg, rgba(255, 255, 255, .05));color:var(--text-2, #FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;flex-shrink:0}.dv-refresh-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .1));color:var(--accent, #53B798)}.dv-refresh-btn:active{transform:scale(.92)}.dv-refresh-btn--spinning svg{animation:dv-spin .8s linear infinite}@keyframes dv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dv-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(255, 255, 255, .08)) transparent}.dv-content::-webkit-scrollbar{width:4px}.dv-content::-webkit-scrollbar-track{background:transparent}.dv-content::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(255, 255, 255, .1));border-radius:2px}.dv-loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.dv-card{background:var(--surface, #003D4C);border-radius:13px;border:1px solid var(--border, rgba(255, 255, 255, .05));box-shadow:var(--shadow-card, 0 1px 4px rgba(0, 0, 0, .1));overflow:hidden}.dv-card__header{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05))}.dv-card__icon{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dv-card__icon--warn{background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24)}.dv-card__title{font-size:.82rem;font-weight:600;color:var(--text, #FFFFFF);margin:0;flex:1}.dv-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:20px;font-size:.64rem;font-weight:600}.dv-badge--warn{background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24)}.dv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2.5rem;text-align:center}.dv-empty svg{color:var(--text-dim, #FFFFFF);opacity:.3}.dv-empty p{font-size:.8rem;color:var(--text-mute, #FFFFFF);margin:0}.dv-unconfirmed-list__head{display:grid;grid-template-columns:2fr 2fr 1fr 2fr 1fr;gap:.5rem;padding:.45rem 1rem;background:var(--surface-2, rgba(255, 255, 255, .02));border-bottom:1px solid var(--border, rgba(255, 255, 255, .05))}.dv-unconfirmed-list__head span{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute, #FFFFFF)}.dv-unconfirmed-row{display:grid;grid-template-columns:2fr 2fr 1fr 2fr 1fr;gap:.5rem;align-items:center;padding:.6rem 1rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .04));transition:background .12s ease;animation:dv-fade-up .3s cubic-bezier(.22,1,.36,1) both}.dv-unconfirmed-row:nth-child(1){animation-delay:0ms}.dv-unconfirmed-row:nth-child(2){animation-delay:30ms}.dv-unconfirmed-row:nth-child(3){animation-delay:60ms}.dv-unconfirmed-row:nth-child(4){animation-delay:90ms}.dv-unconfirmed-row:nth-child(5){animation-delay:.12s}.dv-unconfirmed-row:nth-child(6){animation-delay:.15s}.dv-unconfirmed-row:nth-child(7){animation-delay:.18s}.dv-unconfirmed-row:nth-child(8){animation-delay:.21s}.dv-unconfirmed-row:nth-child(9){animation-delay:.24s}.dv-unconfirmed-row:nth-child(10){animation-delay:.27s}.dv-unconfirmed-row:nth-child(11){animation-delay:.3s}.dv-unconfirmed-row:nth-child(12){animation-delay:.33s}.dv-unconfirmed-row:last-child{border-bottom:none}.dv-unconfirmed-row:hover{background:var(--tab-bg, rgba(255, 255, 255, .03))}.dv-unconfirmed-row__name{font-size:.82rem;font-weight:500;color:var(--text, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-unconfirmed-row__mac{font-size:.75rem;color:var(--text-2, #FFFFFF);font-family:var(--bd-mono, monospace)}.dv-unconfirmed-row__status{font-size:.72rem;font-weight:600;color:var(--danger, #f87171)}.dv-unconfirmed-row__date{font-size:.72rem;color:var(--text-mute, #FFFFFF)}.dv-unconfirmed-row__actions{display:flex;gap:.35rem;justify-content:flex-end}.dv-action-btn{padding:.22rem .65rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:background .12s ease,transform .12s cubic-bezier(.22,1,.36,1);border:1px solid transparent}.dv-action-btn:active{transform:scale(.94)}.dv-action-btn--approve{background:var(--accent-soft, rgba(59, 181, 134, .12));border-color:var(--accent-glow, rgba(59, 181, 134, .25));color:var(--accent, #53B798)}.dv-action-btn--approve:hover{background:var(--accent-glow, rgba(59, 181, 134, .22))}.dv-action-btn--reject{background:var(--danger-soft, rgba(239, 68, 68, .08));border-color:#ef444440;color:var(--danger, #f87171)}.dv-action-btn--reject:hover{background:rgba(239,68,68,.16)}@media (max-width: 860px){#devices.devices-page{height:auto;overflow:visible;padding-bottom:1.5rem}.dv-header{flex-direction:column;align-items:flex-start}.dv-header__right{width:100%;justify-content:space-between}.dv-unconfirmed-list__head,.dv-unconfirmed-row{grid-template-columns:1fr 1fr}.dv-unconfirmed-row__date,.dv-unconfirmed-list__head span:nth-child(4){display:none}}.pd-form{display:flex;flex-direction:column;gap:1rem}.pd-field{display:flex;flex-direction:column;gap:.4rem}.pd-field__label{font-size:.8rem;font-weight:600;color:var(--text-2, #a8c8cc)}.pd-radio-group{display:flex;flex-direction:row;gap:1.25rem}.pd-radio-row{display:flex;align-items:center;gap:.4rem}.pd-radio-row label{font-size:.8rem;color:var(--text-2, #a8c8cc);cursor:pointer}.pd-select-trigger{width:100%!important;max-width:220px}.pd-input{max-width:160px}.pd-loading{opacity:.35;pointer-events:none}.pd-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-2, #a8c8cc);z-index:2}.pd-spinner__icon{width:1.1rem;height:1.1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pd-qr{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border, rgba(255, 255, 255, .07))}.pd-qr__hint{margin:0;font-size:.8rem;color:var(--text-2, #a8c8cc)}.pd-qr__frame{background:#fff;padding:.5rem;border-radius:8px;line-height:0}.pd-qr__link{font-size:.68rem;color:var(--text-mute, #6d9098);word-break:break-all;text-align:center}html.light .pd-field__label{color:#2c3e40}html.light .pd-radio-row label{color:#4a6068}html.light .pd-qr{border-top-color:#00000014}html.light .pd-qr__hint{color:#4a6068}html.light .pd-qr__link{color:#8aacb2}html.light .pd-spinner{color:#4a6068}.device-grid-container{padding:.25rem 0 .5rem}.search-filters-container{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.search-section .search-container{position:relative}.search-section .search-container .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-mute, #64748b);pointer-events:none}.search-section .search-container .search-input{width:260px;padding:.5rem 2rem .5rem 2.25rem;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:9px;background:var(--surface, #003D4C);color:var(--text, #FFFFFF);font-size:.82rem;font-family:var(--bd-font, sans-serif);transition:border-color .15s ease,box-shadow .15s ease}.search-section .search-container .search-input:focus{outline:none;border-color:var(--accent, #53B798);box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .12))}.search-section .search-container .search-input::-moz-placeholder{color:var(--text-dim, #9ca3af)}.search-section .search-container .search-input::placeholder{color:var(--text-dim, #9ca3af)}.search-section .search-container .search-input:disabled{opacity:.5;cursor:not-allowed}.search-section .search-container .clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-mute, #64748b);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center}.search-section .search-container .clear-search:hover{color:var(--text, #FFFFFF)}.search-section .results-info{font-size:.72rem;color:var(--text-mute, #6b7280);margin-top:.35rem}.filters-row{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.filter-dropdown{position:relative;display:inline-block}.filter-btn{display:flex;align-items:center;gap:.32rem;padding:.32rem .6rem;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;font-size:.75rem;font-family:var(--bd-font, sans-serif);color:var(--text-2, #FFFFFF);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.filter-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .06));border-color:var(--border-strong, rgba(255, 255, 255, .12))}.filter-btn:active{transform:scale(.97);transition-duration:.08s}.filter-btn.active{background:var(--accent-soft, rgba(59, 181, 134, .12));border-color:var(--accent-glow, rgba(59, 181, 134, .25));color:var(--accent, #53B798)}.filter-btn__label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-btn .dropdown-arrow{opacity:.6;transition:transform .18s ease;flex-shrink:0}.filter-btn .dropdown-arrow.open{transform:rotate(180deg);opacity:1}.filter-chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.4rem}.filter-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .45rem .2rem .5rem;background:var(--accent-soft, rgba(59, 181, 134, .1));border:1px solid var(--accent-glow, rgba(59, 181, 134, .22));border-radius:20px;font-size:.72rem;color:var(--accent, #53B798);font-weight:500;animation:chip-in .15s cubic-bezier(.22,1,.36,1) both}.filter-chip__remove{display:flex;align-items:center;background:none;border:none;padding:1px;border-radius:50%;cursor:pointer;color:var(--accent, #53B798);opacity:.6;transition:opacity .12s ease,background .12s ease;margin-left:1px}.filter-chip__remove:hover{opacity:1;background:var(--accent-glow, rgba(59, 181, 134, .2))}@keyframes chip-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;z-index:200;min-width:160px;border:1px solid var(--border-strong, rgba(255, 255, 255, .1));border-radius:10px;box-shadow:var(--shadow-card, 0 8px 24px rgba(0, 0, 0, .3)),0 0 0 1px var(--border, rgba(255, 255, 255, .04));overflow:hidden;animation:dropdown-in .16s cubic-bezier(.22,1,.36,1) both;padding:3px}.dropdown-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.36rem .65rem;text-align:left;background:none;border:none;border-radius:7px;font-size:.77rem;font-family:var(--bd-font, sans-serif);color:var(--text-2, #FFFFFF);cursor:pointer;transition:background .1s ease,color .1s ease}.dropdown-item:hover{background:var(--tab-bg, rgba(255, 255, 255, .06))}.dropdown-item.active{background:var(--accent-soft, rgba(59, 181, 134, .13));color:var(--accent, #53B798);font-weight:600}.dropdown-item.active svg{color:var(--accent, #53B798)}.dropdown-item svg{flex-shrink:0;opacity:.85}.clear-filters-btn{display:flex;align-items:center;gap:.3rem;padding:.32rem .6rem;background:var(--surface-2, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;font-size:.75rem;font-family:var(--bd-font, sans-serif);color:var(--text-mute, #FFFFFF);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.clear-filters-btn:hover{background:var(--danger-soft, rgba(239, 68, 68, .08));border-color:#ef444433;color:var(--danger, #f87171)}.clear-filters-btn:active{transform:scale(.97);transition-duration:.08s}.results-info{font-size:.72rem;color:var(--text-mute, #6b7280);margin-top:.35rem}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}@media (max-width: 1100px){.device-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.device-grid{grid-template-columns:1fr}}.device-card{background:var(--surface, #003D4C);border-radius:13px;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .15));cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .18s ease;overflow:hidden;animation:card-in .35s cubic-bezier(.22,1,.36,1) both}.device-card:nth-child(1){animation-delay:0ms}.device-card:nth-child(2){animation-delay:35ms}.device-card:nth-child(3){animation-delay:70ms}.device-card:nth-child(4){animation-delay:105ms}.device-card:nth-child(5){animation-delay:.14s}.device-card:nth-child(6){animation-delay:175ms}.device-card:nth-child(7){animation-delay:.21s}.device-card:nth-child(8){animation-delay:245ms}.device-card:nth-child(9){animation-delay:.28s}.device-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000003d;border-color:var(--border-strong, rgba(255, 255, 255, .1))}.device-card:hover .device-icon{transform:scale(1.1)}.device-card:active{transform:translateY(-1px) scale(.988);transition-duration:.08s}.device-card .card-header{display:flex;align-items:flex-start;padding:.875rem 1rem .65rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05));gap:.65rem}.device-card .card-header .device-icon{font-size:1.25rem;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.device-card .card-header .device-icon .apple-icon{width:22px;height:22px}.device-card .card-header .device-info{flex:1;min-width:0}.device-card .card-header .device-info .device-name{font-size:.9rem;font-weight:600;color:var(--text, #FFFFFF);margin:0 0 .15rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card .card-header .device-info .device-description{font-size:.72rem;color:var(--text-mute, #64748b);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card .card-header .new-badge{background:var(--danger, #dc2626);color:#fff;font-size:.62rem;padding:.18rem .45rem;border-radius:20px;font-weight:600;flex-shrink:0;letter-spacing:.02em}.device-card .card-body{padding:.75rem 1rem}.device-card .card-body .info-grid{display:flex;flex-direction:column;gap:.4rem}.device-card .card-body .info-grid .info-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.device-card .card-body .info-grid .info-item .info-label{font-size:.72rem;font-weight:600;color:var(--text-mute, #475569);flex-shrink:0;letter-spacing:.02em}.device-card .card-body .info-grid .info-item .info-value{font-size:.72rem;color:var(--text-2, #FFFFFF);text-align:right;word-break:break-word;flex:1}.device-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;border-top:1px solid var(--border, rgba(255, 255, 255, .05));background:var(--surface-2, rgba(255, 255, 255, .02))}.device-card .card-footer .status-badge{padding:.22rem .6rem;border-radius:20px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.device-card .card-footer .delete-btn{font-size:.75rem;padding:.22rem .65rem}.bg-green-100{background:var(--accent-soft, rgba(52, 211, 153, .12))}.text-green-800{color:var(--accent, #34d399)}.bg-yellow-100{background:var(--warn-soft, rgba(251, 191, 36, .12))}.text-yellow-800{color:var(--warn, #fbbf24)}.bg-red-100{background:var(--danger-soft, rgba(239, 68, 68, .12))}.text-red-800{color:var(--danger, #f87171)}.no-devices{grid-column:1/-1;text-align:center;padding:3rem 2rem;color:var(--text-mute, #6b7280);display:flex;flex-direction:column;align-items:center;justify-content:center}.no-devices svg{margin-bottom:.75rem;color:var(--text-dim, #9ca3af);opacity:.4}.no-devices h3{font-size:1rem;font-weight:600;margin-bottom:.35rem;color:var(--text-2, #FFFFFF)}.no-devices p{font-size:.8rem;color:var(--text-mute, #FFFFFF);margin-bottom:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding-bottom:.5rem}.pagination .pagination-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .875rem;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;background:var(--surface, #003D4C);color:var(--text-2, #FFFFFF);font-size:.78rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .1s cubic-bezier(.22,1,.36,1)}.pagination .pagination-btn:hover:not(:disabled){background:var(--surface-2, rgba(255, 255, 255, .06));border-color:var(--border-strong, rgba(255, 255, 255, .12))}.pagination .pagination-btn:active:not(:disabled){transform:scale(.95)}.pagination .pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination .pagination-numbers{display:flex;gap:.2rem}.pagination .pagination-numbers .pagination-number{padding:.4rem .65rem;border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:7px;background:var(--surface, #003D4C);color:var(--text-2, #FFFFFF);font-size:.78rem;cursor:pointer;min-width:2.2rem;text-align:center;transition:background .12s ease,border-color .12s ease,transform .1s cubic-bezier(.22,1,.36,1)}.pagination .pagination-numbers .pagination-number:hover{background:var(--surface-2, rgba(255, 255, 255, .06))}.pagination .pagination-numbers .pagination-number:active{transform:scale(.92)}.pagination .pagination-numbers .pagination-number.active{background:var(--accent-soft, rgba(59, 181, 134, .15));border-color:var(--accent-glow, rgba(59, 181, 134, .3));color:var(--accent, #53B798);font-weight:600}@keyframes act-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes acts-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.acts-line,.acts-bar,.acts-icon{background:linear-gradient(90deg,var(--surface-2, #004d5e) 25%,var(--surface-3, #005a6d) 50%,var(--surface-2, #004d5e) 75%);background-size:600px 100%;animation:acts-shimmer 1.5s infinite linear;border-radius:6px}#activity.act-page{display:flex;flex-direction:column;gap:.6rem;height:90vh;overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:act-fade-up .3s cubic-bezier(.22,1,.36,1) both}.act-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.act-header__left{display:flex;flex-direction:column;gap:.1rem}.act-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.act-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0;max-width:480px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.act-back-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem;background:var(--surface-3, rgba(255, 255, 255, .06));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text-2, #FFFFFF);font-size:.8rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease}.act-back-btn:hover{background:var(--surface-3, rgba(255, 255, 255, .1))}.act-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0;display:flex;flex-direction:column;gap:.85rem;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.act-content::-webkit-scrollbar{width:5px}.act-content::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.act-controls{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:flex-end;padding:.85rem 1.1rem;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:13px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .16));transition:box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s ease;animation:act-fade-up .35s cubic-bezier(.22,1,.36,1) both}.act-controls:hover{border-color:var(--border-strong, rgba(255, 255, 255, .1));box-shadow:0 4px 16px #0003}.act-controls__section{display:flex;flex-direction:column;gap:.45rem;position:relative}.act-controls__section:not(:first-child){padding-left:1.5rem;border-left:1px solid var(--border, rgba(255, 255, 255, .07))}.act-controls__section--datetime .act-controls__label{display:flex;align-items:center;gap:.3rem}.act-controls__section--datetime .act-controls__label svg{opacity:.7}.act-controls__label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute, rgba(255, 255, 255, .4));transition:color .15s ease}.act-controls__section:hover .act-controls__label{color:var(--text-2, rgba(255, 255, 255, .6))}.act-controls__chips{display:flex;gap:.4rem}@media (max-width: 720px){.act-controls__section:not(:first-child){padding-left:0;border-left:none;padding-top:.6rem;border-top:1px solid var(--border, rgba(255, 255, 255, .07))}}.act-chip{padding:.3rem .85rem;border-radius:20px;border:1px solid var(--border-strong, rgba(255, 255, 255, .12));background:var(--tab-bg, rgba(255, 255, 255, .04));color:var(--text-2, #FFFFFF);font-size:.78rem;font-weight:500;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s cubic-bezier(.22,1,.36,1)}.act-chip--active{background:var(--accent-soft, rgba(59, 181, 134, .18));border-color:var(--accent-glow, rgba(59, 181, 134, .38));color:var(--accent, #53B798);font-weight:600;box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .1))}.act-chip:hover:not(.act-chip--active){background:var(--surface-2, rgba(255, 255, 255, .07));border-color:var(--border-strong, rgba(255, 255, 255, .18))}.act-chip:active{transform:scale(.95);transition-duration:.08s}.act-chip:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.act-datetime-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.act-date-input{padding:.38rem .75rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text, #FFFFFF);font-size:.8rem;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-width:0}.act-date-input:hover{border-color:var(--border-strong, rgba(255, 255, 255, .2))}.act-date-input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4));box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .12))}.act-date-input--time{width:110px}.act-date-input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.act-datetime-sep{font-size:.75rem;color:var(--text-mute, rgba(255, 255, 255, .38));font-weight:600;flex-shrink:0}.act-clear-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .75rem;background:none;border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text-mute, rgba(255, 255, 255, .45));font-size:.76rem;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.act-clear-btn svg{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.act-clear-btn:hover{color:var(--danger, #f87171);border-color:#ef44444d;background:var(--danger-soft, rgba(239, 68, 68, .08))}.act-clear-btn:hover svg{transform:rotate(90deg)}.act-clear-btn:active{transform:scale(.95);transition-duration:.08s}.act-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.act-toolbar--drill{flex-wrap:wrap}.act-search{position:relative;display:flex;align-items:center;flex:1;max-width:360px;min-width:200px}.act-search__icon{position:absolute;left:11px;color:var(--text-mute, rgba(255, 255, 255, .38));pointer-events:none;display:flex;align-items:center}.act-search__input{width:100%;padding:.5rem 2.2rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text, #FFFFFF);font-size:.84rem;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s ease}.act-search__input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .3))}.act-search__input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .3))}.act-search__input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.act-search__clear{position:absolute;right:10px;background:none;border:none;color:var(--text-mute, rgba(255, 255, 255, .4));cursor:pointer;display:flex;align-items:center;padding:3px}.act-search__clear:hover{color:var(--text, #FFFFFF)}.act-result-count{font-size:.74rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0;white-space:nowrap}.act-toggle-group{display:flex;border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;overflow:hidden}.act-toggle-btn{padding:.42rem .9rem;background:var(--tab-bg, rgba(255, 255, 255, .04));border:none;color:var(--text-2, #FFFFFF);font-size:.8rem;font-weight:500;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,color .15s ease}.act-toggle-btn:not(:last-child){border-right:1px solid var(--border-strong, rgba(255, 255, 255, .1))}.act-toggle-btn.active{background:var(--accent-soft, rgba(59, 181, 134, .18));color:var(--accent, #53B798);font-weight:600}.act-dropdown{position:relative}.act-dropdown__toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text-2, #FFFFFF);font-size:.82rem;font-family:var(--bd-font, sans-serif);cursor:pointer;min-width:180px;transition:border-color .15s ease}.act-dropdown__toggle span{flex:1;text-align:left}.act-dropdown__toggle.open,.act-dropdown__toggle:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4));outline:none}.act-dropdown__toggle svg{flex-shrink:0;transition:transform .15s ease}.act-dropdown__toggle.open svg{transform:rotate(180deg)}.act-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;z-index:100;min-width:100%;max-height:240px;overflow-y:auto;background:var(--surface-2, #004d5e);border:1px solid var(--border-strong, rgba(255, 255, 255, .14));border-radius:10px;box-shadow:var(--shadow-card, 0 8px 24px rgba(0, 0, 0, .3));scrollbar-width:thin}.act-dropdown__menu::-webkit-scrollbar{width:4px}.act-dropdown__menu::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.act-dropdown__item{display:block;width:100%;padding:.52rem .9rem;background:none;border:none;text-align:left;font-size:.82rem;font-family:var(--bd-font, sans-serif);color:var(--text-2, #FFFFFF);cursor:pointer;transition:background .12s ease}.act-dropdown__item:hover{background:var(--surface-3, rgba(255, 255, 255, .06));color:var(--text, #FFFFFF)}.act-dropdown__item.active{color:var(--accent, #53B798);font-weight:600}.act-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;align-items:stretch}.act-card{display:flex;flex-direction:column;gap:.75rem;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));padding:1.1rem 1.2rem;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.act-card:hover{border-color:var(--accent-glow, rgba(59, 181, 134, .3));box-shadow:0 4px 20px #00000042;transform:translateY(-1px)}.act-card__head{display:flex;align-items:center;gap:.75rem}.act-card__icon{width:42px;height:42px;border-radius:11px;background:var(--accent-soft, rgba(59, 181, 134, .1));border:1px solid var(--accent-glow, rgba(59, 181, 134, .2));display:flex;align-items:center;justify-content:center;color:var(--accent, #53B798);flex-shrink:0}.act-card__name-wrap{flex:1;min-width:0}.act-card__name{font-size:.92rem;font-weight:700;color:var(--text, #FFFFFF);margin:0 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-card__tag{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute, rgba(255, 255, 255, .4))}.act-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.act-card__stat{display:flex;flex-direction:column;gap:.2rem;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border, rgba(255, 255, 255, .06))}.act-card__stat--allow{background:rgba(59,181,134,.06);border-color:#3bb58624}.act-card__stat--block{background:rgba(248,113,113,.06);border-color:#f8717124}.act-card__stat-val{font-size:1.15rem;font-weight:800;font-family:var(--bd-mono, monospace);line-height:1}.act-card__stat--allow .act-card__stat-val{color:var(--accent, #53B798)}.act-card__stat--block .act-card__stat-val{color:var(--danger, #f87171)}.act-card__stat-val-wrap{display:flex;align-items:center;gap:.3rem;color:var(--danger, #f87171)}.act-card__stat-label{font-size:.67rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-mute, rgba(255, 255, 255, .4))}.act-card__bar-wrap{display:flex;align-items:center;gap:.6rem}.act-card__bar-track{flex:1;height:4px;background:var(--surface-2, rgba(255, 255, 255, .08));border-radius:2px;overflow:hidden}.act-card__bar-fill{height:100%;background:var(--danger, #f87171);border-radius:2px;transition:width .4s ease;min-width:2px}.act-card__bar-pct{font-size:.68rem;color:var(--text-mute, rgba(255, 255, 255, .38));font-family:var(--bd-mono, monospace);white-space:nowrap;flex-shrink:0}.act-card__cta{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.5rem;margin-top:auto;background:var(--accent-soft, rgba(59, 181, 134, .1));border:1px solid var(--accent-glow, rgba(59, 181, 134, .22));border-radius:9px;color:var(--accent, #53B798);font-size:.8rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease}.act-card__cta:hover{background:var(--accent-soft, rgba(59, 181, 134, .2))}.act-card-skeleton{display:flex;flex-direction:column;gap:.75rem;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;padding:1.1rem 1.2rem;min-height:200px}.acts-head{display:flex;align-items:center;gap:.75rem}.acts-icon{width:42px;height:42px;border-radius:11px;flex-shrink:0}.acts-name-wrap{flex:1;display:flex;flex-direction:column;gap:.35rem}.acts-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.acts-stat{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .7rem;border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .03))}.acts-bar{height:4px;border-radius:2px}.acts-line{height:10px}.acts-line--title{width:60%;height:13px}.acts-line--tag{width:35%;height:9px}.acts-line--val{width:55%;height:20px}.acts-line--label{width:80%;height:9px}.acts-line--btn{height:34px;border-radius:9px}.act-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;text-align:center}.act-empty__icon{width:64px;height:64px;border-radius:50%;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .07));display:flex;align-items:center;justify-content:center;color:var(--text-mute, rgba(255, 255, 255, .3));margin-bottom:.25rem}.act-empty__title{font-size:1rem;font-weight:700;color:var(--text, #FFFFFF);margin:0}.act-empty__desc{font-size:.82rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0}.act-fqdn-banner{display:flex;align-items:center;gap:0;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:13px;overflow:hidden;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .16));flex-wrap:wrap}.act-fqdn-banner__item{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1.25rem;flex:1;min-width:160px}.act-fqdn-banner__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute, rgba(255, 255, 255, .4))}.act-fqdn-banner__value{font-size:.88rem;font-weight:600;color:var(--text, #FFFFFF);font-family:var(--bd-mono, monospace);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-fqdn-banner__value--num{font-size:1.1rem;font-weight:800;color:var(--accent, #53B798)}.act-fqdn-banner__divider{width:1px;align-self:stretch;background:var(--border, rgba(255, 255, 255, .07));flex-shrink:0}.act-table-wrap{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}.act-table-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .12)) transparent}.act-table-scroll::-webkit-scrollbar{width:5px;height:5px}.act-table-scroll::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .14));border-radius:4px}.act-table{width:100%;border-collapse:collapse;font-family:var(--bd-font, sans-serif)}.act-table thead tr{background:var(--surface-2, rgba(255, 255, 255, .04));border-bottom:1px solid var(--border, rgba(255, 255, 255, .07))}.act-table th{padding:.7rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-mute, rgba(255, 255, 255, .45));text-align:left;white-space:nowrap}.act-table tbody tr{border-bottom:1px solid var(--border, rgba(255, 255, 255, .04));transition:background .12s ease}.act-table tbody tr:last-child{border-bottom:none}.act-table tbody tr:hover{background:var(--surface-2, rgba(255, 255, 255, .04))}.act-table td{padding:.65rem 1rem;font-size:.82rem;color:var(--text-2, #FFFFFF);vertical-align:middle}.act-table__fqdn{font-family:var(--bd-mono, monospace);font-size:.8rem;color:var(--text, #FFFFFF);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act-table__mono{font-family:var(--bd-mono, monospace);font-size:.78rem;color:var(--text-2, #FFFFFF)}.act-table__cat{display:inline-block;padding:.18rem .6rem;background:var(--surface-2, rgba(255, 255, 255, .06));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:6px;font-size:.75rem;color:var(--text-2, #FFFFFF)}.act-table__num{font-family:var(--bd-mono, monospace);font-weight:700;color:var(--accent, #53B798);text-align:right}.act-table__detail-btn{padding:.28rem .65rem;background:var(--accent-soft, rgba(59, 181, 134, .1));border:1px solid var(--accent-glow, rgba(59, 181, 134, .22));border-radius:7px;color:var(--accent, #53B798);font-size:.75rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;white-space:nowrap;transition:background .15s ease}.act-table__detail-btn:hover{background:var(--accent-soft, rgba(59, 181, 134, .2))}.act-table__empty{text-align:center;padding:2rem 1rem;font-size:.84rem;color:var(--text-mute, rgba(255, 255, 255, .38))}.act-badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:6px;font-size:.71rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.act-badge--allow{background:rgba(59,181,134,.1);border:1px solid rgba(59,181,134,.22);color:var(--accent, #53B798)}.act-badge--block{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.22);color:var(--danger, #f87171)}.act-table-pagination{padding:.75rem 1rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, rgba(255, 255, 255, .02))}.act-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem}.act-pagination__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text-2, #FFFFFF);font-size:.78rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease}.act-pagination__btn:hover:not(:disabled){background:var(--surface-3, rgba(255, 255, 255, .08))}.act-pagination__btn:disabled{opacity:.35;cursor:default}.act-pagination__nums{display:flex;gap:.25rem}.act-pagination__num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .1));color:var(--text-2, #FFFFFF);font-size:.78rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.act-pagination__num:hover{background:var(--surface-3, rgba(255, 255, 255, .08))}.act-pagination__num.active{background:var(--accent-soft, rgba(59, 181, 134, .18));border-color:var(--accent-glow, rgba(59, 181, 134, .4));color:var(--accent, #53B798)}.act-pagination__ellipsis{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-mute, rgba(255, 255, 255, .35));font-size:.78rem}@keyframes cl-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cl-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.cls-desc,.cls-risk,.cls-phone,.cls-type,.cls-date{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:600px 100%;animation:cl-shimmer 1.5s infinite linear;border-radius:4px}#call-logs.cl-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:cl-fade-up .35s cubic-bezier(.22,1,.36,1) both}.cl-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.cl-header__left{display:flex;flex-direction:column;gap:.1rem}.cl-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.cl-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.cl-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cl-stat{display:flex;flex-direction:column;align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:6px 16px;min-width:70px}.cl-stat__value{font-size:1rem;font-weight:700;color:var(--accent);font-family:var(--bd-mono);line-height:1.2}.cl-stat__label{font-size:.65rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.cl-controls{flex-shrink:0;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem 1rem;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:12px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18))}.cl-toggle-group{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;overflow:hidden}.cl-toggle-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;font-size:.78rem;font-weight:500;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.cl-toggle-btn svg{opacity:.6}.cl-toggle-btn--active{background:var(--accent);color:#fff}.cl-toggle-btn--active svg{opacity:1}.cl-toggle-btn:not(.cl-toggle-btn--active):hover{background:var(--surface-3);color:var(--text)}.cl-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.cl-date-label{font-size:.75rem;color:var(--text-mute);white-space:nowrap}.cl-date-input{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.78rem;padding:5px 10px;font-family:var(--bd-font);outline:none;transition:border-color .15s}.cl-date-input:focus{border-color:var(--accent)}.cl-date-input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.cl-clear-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:.75rem;padding:5px 12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.cl-clear-btn:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.cl-result-count{margin-left:auto;font-size:.72rem;color:var(--text-mute);font-family:var(--bd-mono)}.cl-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;display:flex;flex-direction:column;gap:0;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.cl-content::-webkit-scrollbar{width:5px}.cl-content::-webkit-scrollbar-track{background:transparent}.cl-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cl-table-wrap{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.cl-table-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cl-table-scroll::-webkit-scrollbar{width:4px}.cl-table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cl-table{width:100%;border-collapse:collapse}.cl-table thead{position:sticky;top:0;z-index:2;background:var(--surface-2)}.cl-table thead th{padding:10px 18px;text-align:left;font-size:.68rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-bottom:1px solid var(--border)}.cl-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.cl-table tbody tr:last-child{border-bottom:none}.cl-table tbody tr:hover{background:var(--surface-2)}.cl-table td{padding:12px 18px;font-size:.82rem;color:var(--text);vertical-align:middle}.cl-table__date{color:var(--text-2);font-family:var(--bd-mono);font-size:.75rem;white-space:nowrap}.cl-table__type{display:flex;align-items:center;gap:8px}.cl-table__phone{font-family:var(--bd-mono);color:var(--accent);font-size:.8rem;letter-spacing:.03em}.cl-table__desc{color:var(--text-2);font-size:.78rem;font-style:italic;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-table__empty{padding:52px 20px;text-align:center}.cl-type-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--surface-3);color:var(--accent);flex-shrink:0}.cl-type-icon--sms{color:var(--text-2)}.cl-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize;letter-spacing:.02em}.cl-badge--spam{background:rgba(234,179,8,.15);color:#ca8a04}.cl-badge--suspect{background:rgba(249,115,22,.15);color:#ea580c}.cl-badge--scam{background:var(--danger-soft);color:var(--danger)}.cl-badge--fraud{background:rgba(168,85,247,.15);color:#a855f7}.cl-badge--default{background:var(--surface-3);color:var(--text-mute)}.cl-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-mute)}.cl-empty__icon{width:48px;height:48px;border-radius:12px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-mute);margin-bottom:2px}.cl-empty__title{font-size:.9rem;font-weight:600;color:var(--text-2);margin:0}.cl-empty__sub{font-size:.78rem;color:var(--text-mute);margin:0}.cl-skel-row{display:flex;align-items:center;gap:20px;padding:14px 18px;border-bottom:1px solid var(--border)}.cl-skel-row:last-child{border-bottom:none}.cls-date{width:110px;height:12px}.cls-type{width:60px;height:12px}.cls-phone{width:120px;height:12px}.cls-risk{width:70px;height:18px;border-radius:999px}.cls-desc{flex:1;height:12px;max-width:200px}.cl-pagination-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface)}.cl-page-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border-radius:7px;font-size:.75rem;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background .15s,color .15s}.cl-page-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.cl-page-btn:disabled{opacity:.4;cursor:not-allowed}.cl-page-num{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:.75rem;font-weight:500;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background .15s,color .15s}.cl-page-num:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.cl-page-num--active{background:var(--accent);border-color:var(--accent);color:#fff}.cl-page-num--ellipsis{background:transparent;border-color:transparent;cursor:default;color:var(--text-mute)}@keyframes rd-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rd-card-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#rule-details.rd-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:rd-fade-up .35s cubic-bezier(.22,1,.36,1) both}.rd-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.rd-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface, #53B798) url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;border:1px solid var(--border);box-shadow:var(--shadow-card);flex-shrink:0}.rd-header__left{display:flex;flex-direction:column;gap:.15rem}.rd-header__title{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.rd-header__subtitle{font-size:.72rem;color:var(--text-mute)}.rd-header__actions{display:flex;align-items:center;gap:.5rem}.rd-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;display:flex;flex-direction:column;gap:.75rem}.rd-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);overflow:hidden;animation:rd-card-in .35s cubic-bezier(.22,1,.36,1) both}.rd-card:nth-child(1){animation-delay:0ms}.rd-card:nth-child(2){animation-delay:40ms}.rd-card:nth-child(3){animation-delay:80ms}.rd-card__head{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem;border-bottom:1px solid var(--border)}.rd-card__icon{width:28px;height:28px;border-radius:7px;background:var(--accent-soft);border:1px solid var(--accent-glow);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.rd-card__title{font-size:.82rem;font-weight:700;color:var(--text);letter-spacing:.01em}.rd-card__body{padding:1rem 1.1rem}.rd-name-input{width:100%;height:40px;padding:0 .85rem;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.9rem;font-weight:600;font-family:var(--bd-font);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.rd-name-input::-moz-placeholder{color:var(--text-mute)}.rd-name-input::placeholder{color:var(--text-mute)}.rd-name-input:hover:not(:focus){border-color:#3bb58666;background:var(--surface-3)}.rd-name-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface-3)}.rd-name-input:-webkit-autofill,.rd-name-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text, #e8f4f3)!important;-webkit-box-shadow:0 0 0 1000px var(--surface-2, #004d5e) inset!important}.rd-days{display:flex;gap:.4rem;flex-wrap:wrap}.rd-day-presets{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.rd-preset-btn{height:28px;padding:0 .7rem;border-radius:20px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-mute);font-size:.7rem;font-weight:600;font-family:var(--bd-font);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.rd-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.rd-preset-btn:active{transform:scale(.94)}.rd-preset-btn--clear:hover{border-color:#ef444466;color:var(--danger, #f87171)}.rd-day{height:34px;min-width:46px;padding:0 .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:.75rem;font-weight:600;font-family:var(--bd-font);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center}.rd-day:hover{border-color:var(--accent);color:var(--accent)}.rd-day:active{transform:scale(.93)}.rd-day--weekend{border-style:dashed}.rd-day--active{background:var(--accent);border-color:var(--accent);border-style:solid;color:#fff;font-weight:700;box-shadow:0 0 0 3px var(--accent-soft),0 2px 6px #0003}.rd-hint{display:flex;align-items:center;gap:.35rem;margin:.75rem 0 0;font-size:.75rem}.rd-hint--warn{color:var(--warn, #fbbf24)}.rd-time-label{font-size:.7rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.rd-time-selected{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.rd-time-selected__value{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:20px;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;font-family:var(--bd-mono)}.rd-time-selected__value--empty{background:var(--surface-2);color:var(--text-mute);font-weight:600}.rd-overnight-hint{display:inline-flex;align-items:center;gap:.25rem;padding:.12rem .5rem;border-radius:20px;background:var(--warn-soft, rgba(251, 191, 36, .12));color:var(--warn, #fbbf24);font-size:.65rem;font-weight:600;font-family:var(--bd-font)}.rd-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.35rem;max-height:220px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--border-strong, rgba(255, 255, 255, .1)) transparent}.rd-time-grid::-webkit-scrollbar{width:4px}.rd-time-grid::-webkit-scrollbar-thumb{background:var(--border-strong, rgba(255, 255, 255, .1));border-radius:4px}.rd-time-btn{height:30px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:.72rem;font-family:var(--bd-mono);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .1s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:center}.rd-time-btn:hover{border-color:var(--accent);color:var(--accent)}.rd-time-btn:active{transform:scale(.92)}.rd-time-btn--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 0 0 2px var(--accent-soft)}.rd-time-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 720px){.rd-time-row{grid-template-columns:1fr}}.rd-btn{height:36px;padding:0 1.1rem;border-radius:9px;font-size:.8rem;font-weight:600;font-family:var(--bd-font);cursor:pointer;border:1px solid var(--border);transition:background .15s ease,box-shadow .15s ease,transform .1s cubic-bezier(.22,1,.36,1);display:inline-flex;align-items:center;gap:.4rem}.rd-btn:active:not(:disabled){transform:scale(.96)}.rd-btn--back{background:var(--surface-2);color:var(--text-2)}.rd-btn--back:hover{background:var(--surface-3)}.rd-btn--save{background:var(--accent);color:#fff;border-color:transparent}.rd-btn--save:hover:not(:disabled){box-shadow:0 0 0 3px var(--accent-glow)}.rd-btn--save:disabled{opacity:.5;cursor:not-allowed}.rd-btn--saving svg{animation:rd-spin .8s linear infinite}@keyframes dd-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#device-details.dd-page{display:flex;flex-direction:column;gap:.6rem;overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:dd-fade-up .35s cubic-bezier(.22,1,.36,1) both}.dd-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.dd-header__left{display:flex;align-items:center;gap:.9rem;flex:1;min-width:0}.dd-header__device-icon{width:44px;height:44px;border-radius:12px;background:var(--accent-soft, rgba(59, 181, 134, .14));border:1px solid var(--accent-glow, rgba(59, 181, 134, .28));display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.dd-header__device-icon img{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.dd-header__text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.dd-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.dd-header__right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.dd-content{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.dd-content::-webkit-scrollbar{width:5px}.dd-content::-webkit-scrollbar-track{background:transparent}.dd-content::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.dd-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;align-items:stretch}@media (max-width: 860px){.dd-grid{grid-template-columns:1fr}}.dd-card{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color .18s,box-shadow .18s,transform .15s}.dd-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow, rgba(59, 181, 134, .3)),transparent);opacity:0;transition:opacity .2s}.dd-card:hover{border-color:var(--border-strong, rgba(255, 255, 255, .12));box-shadow:var(--shadow-card, 0 4px 20px rgba(0, 0, 0, .22)),0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .08));transform:translateY(-1px)}.dd-card:hover:before{opacity:1}.dd-card--wide{grid-column:1/-1}.dd-card--highlight{border-color:var(--accent, #3bb586);box-shadow:0 0 0 2px var(--accent-glow, rgba(59, 181, 134, .35))}.dd-card__head{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;background:var(--surface-2);border-bottom:1px solid var(--border, rgba(255, 255, 255, .07));flex-shrink:0}.dd-card__title{font-size:.85rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.01em}.dd-card__icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--accent-soft, rgba(59, 181, 134, .12));color:var(--accent);flex-shrink:0}.dd-card__body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;flex:1;justify-content:flex-start}.dd-kv{display:flex;flex-direction:column;gap:3px}.dd-kv__label{font-size:.68rem;font-weight:600;color:var(--text-mute, #FFFFFF);text-transform:uppercase;letter-spacing:.07em}.dd-kv__value{font-size:.82rem;color:var(--text-2, #FFFFFF);line-height:1.4}.dd-list-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05))}.dd-list-row:last-child{border-bottom:none}.dd-list-row__info{display:flex;flex-direction:column;gap:1px;min-width:0}.dd-list-row__name{font-size:.8rem;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px;line-height:1.3}.dd-list-row__meta{font-size:.7rem;color:var(--text-mute);line-height:1.3}.dd-list-row__meta strong{color:var(--text-2);font-weight:600}.dd-card__body.dd-card-scroll{padding:.35rem .85rem;gap:0}.dd-card-scroll{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.dd-card-scroll::-webkit-scrollbar{width:4px}.dd-card-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.dd-otp{text-align:center;padding:.5rem 0 .75rem}.dd-otp__code{font-weight:800;font-size:2.6rem;line-height:1;letter-spacing:.08em;color:var(--accent, #53B798);font-family:var(--bd-mono)}.dd-otp__warning{display:flex;align-items:flex-start;gap:8px;padding:.6rem .75rem;border-radius:8px;background:rgba(239,68,68,.08);border:1px solid var(--danger-soft, rgba(239, 68, 68, .2));font-size:.78rem;color:var(--text-2);line-height:1.4}.dd-otp__steps{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--text-2)}.dd-select{display:flex;flex-direction:column;gap:.5rem}.dd-select__label{font-size:.72rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.07em}#dropdown-basic{border-radius:10px;border:1px solid var(--border-strong, rgba(255, 255, 255, .15));background:var(--surface-2, #003D4C);color:var(--text-2, #FFFFFF);width:100%;display:flex;justify-content:space-between;align-items:center;padding:7px 14px;font-size:.82rem;font-family:var(--bd-font, sans-serif);transition:border-color .15s}#dropdown-basic:hover,#dropdown-basic:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4));outline:none}#dropdown-basic img{height:24px;width:24px;margin-right:6px}.dropdownItemCst{background:var(--surface-2, #003D4C);border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;padding:4px;width:100%;display:flex;flex-direction:column;z-index:999}.dropdown-item{display:flex;align-items:center;gap:.4rem;padding:.36rem .65rem;border-radius:7px;color:var(--text-2, #FFFFFF);font-size:.8rem;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .12s,color .12s}.dropdown-item img{height:22px;width:22px}.dropdown-item:hover{background:var(--tab-bg, rgba(255, 255, 255, .06));color:var(--text)}.dropdownToggle{border-radius:10px;color:var(--text-2, #FFFFFF);font-size:.82rem;font-weight:500}.toggleBtn{width:100%;display:flex;align-items:center;min-height:38px;text-align:start;background:var(--surface-2, #003D4C);border:1px solid var(--border-strong, rgba(255, 255, 255, .15));border-radius:10px;padding:0 14px;color:var(--text-2, #FFFFFF);font-family:var(--bd-font, sans-serif);cursor:pointer;transition:border-color .15s}.toggleBtn:hover{border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.display-start{justify-content:flex-start!important}.remove-border{border:none!important;padding:0!important}.dd-scan-btn{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;border:1px solid var(--border-strong, rgba(255, 255, 255, .15));border-radius:9px;background:transparent;color:var(--text-2);font-size:.78rem;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.dd-scan-btn svg{color:var(--accent)}.dd-scan-btn:hover{border-color:var(--accent-glow, rgba(59, 181, 134, .4));background:var(--accent-soft, rgba(59, 181, 134, .07));color:var(--text)}.dd-scan-btn--disabled{opacity:.45;cursor:not-allowed}.dd-scan-btn--disabled:hover{border-color:var(--border-strong);background:transparent}.dd-card__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto;padding-top:.5rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06))}.dd-btn{padding:7px 18px;border-radius:9px;font-size:.78rem;font-weight:500;font-family:var(--bd-font, sans-serif);cursor:pointer;border:1px solid var(--border-strong, rgba(255, 255, 255, .15));transition:background .15s,border-color .15s,color .15s}.dd-btn--cancel{background:var(--surface-2);color:var(--text-2)}.dd-btn--cancel:hover{background:var(--surface-3);color:var(--text)}.dd-btn--submit{background:var(--accent);border-color:var(--accent);color:#fff}.dd-btn--submit:hover{opacity:.88}.dd-btn--reset{background:var(--danger-soft, rgba(239, 68, 68, .12));border-color:var(--danger, #ff5d5d);color:var(--danger, #ff5d5d);width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.dd-btn--reset:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:dd-pulse 1.2s ease-in-out infinite}.dd-btn--reset:hover{background:var(--danger, #ff5d5d);color:#fff}.dd-btn--main{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;justify-content:center;display:flex;align-items:center;gap:6px}.dd-btn--main:hover{opacity:.88}@keyframes dd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.dd-countdown{font-size:1.1rem;font-weight:700;color:var(--accent, #53B798);font-family:var(--bd-mono, monospace);letter-spacing:.08em;text-align:center;padding:.5rem;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.dd-metric-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05))}.dd-metric-row:last-child{border-bottom:none}.dd-metric-row__key{font-size:.75rem;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.dd-metric-row__val{font-size:.8rem;color:var(--text-2);font-family:var(--bd-mono)}.dd-metric-row--threat{flex-direction:column;align-items:stretch;gap:.35rem}.dd-metric-row__top{display:flex;justify-content:space-between;align-items:center}.dd-metric-row__bar{height:5px;border-radius:3px;background:var(--surface-3, rgba(255, 255, 255, .06));overflow:hidden}.dd-metric-row__bar-fill{height:100%;border-radius:3px;background:var(--danger, #ff5d5d);transition:width .4s ease;min-width:2px}.dd-conn-badge{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:500;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.dd-conn-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-mute);flex-shrink:0}.dd-conn-badge--wifi:before{background:var(--accent)}.dd-conn-badge--eth:before{background:#60a5fa}.dd-conn-badge--none:before{background:var(--danger)}.dd-name-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.4rem .7rem;font-size:.85rem;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s,box-shadow .15s}.dd-name-input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4));box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .1))}.dd-type-row{display:flex;align-items:center;gap:10px}.dd-type-row img{width:36px;height:36px;-o-object-fit:contain;object-fit:contain}.overflow-text{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}html.light #device-details.dd-page{background:#f0f4f4}html.light .dd-header{background-color:#2a9d74;background-image:url(/assets/bgg1-f9c65b8c.png);background-blend-mode:overlay;border-color:#0000000f;box-shadow:0 2px 12px #0000001a}html.light .dd-header__title{color:#fff}html.light .dd-header__subtitle{color:#ffffffd1}html.light .dd-header__device-icon{background:rgba(255,255,255,.22);border-color:#fff6}html.light .dd-header__device-icon img{filter:brightness(0) invert(1)}html.light .dd-conn-badge{background:rgba(255,255,255,.25);border-color:#ffffff59;color:#fff}html.light .dd-conn-badge--wifi:before{background:#ffffff}html.light .dd-conn-badge--eth:before{background:#bfdbfe}html.light .dd-conn-badge--none:before{background:#fca5a5}html.light .dd-card{background:#ffffff;border-color:#00000012;box-shadow:0 2px 10px #00000012}html.light .dd-card:hover{border-color:#2a9d7440;box-shadow:0 4px 18px #0000001a,0 0 0 1px #2a9d741f}html.light .dd-card__head{background:#f5f7f7;border-bottom-color:#00000012}html.light .dd-card__title{color:#0d1617}html.light .dd-card__icon{background:rgba(42,157,116,.1);color:#2a9d74}html.light .dd-kv__label{color:#7a8b8c}html.light .dd-kv__value{color:#2c3e40}html.light .dd-list-row{border-bottom-color:#0000000f}html.light .dd-list-row__name{color:#0d1617}html.light .dd-list-row__meta{color:#7a8b8c}html.light .dd-list-row__meta strong{color:#2c3e40}html.light .dd-metric-row{border-bottom-color:#0000000f}html.light .dd-metric-row__key{color:#7a8b8c}html.light .dd-metric-row__val{color:#2c3e40}html.light .dd-metric-row__bar{background:rgba(0,0,0,.07)}html.light .dd-otp__code{color:#2a9d74}html.light .dd-otp__warning{background:rgba(239,68,68,.06);border-color:#ef44442e;color:#5a2020}html.light .dd-otp__steps{color:#4a6068}html.light #dropdown-basic{background:#f5f7f7;border-color:#0000001f;color:#2c3e40}html.light #dropdown-basic:hover,html.light #dropdown-basic:focus{border-color:#2a9d7466}html.light .dropdownItemCst{background:#ffffff;border-color:#0000001a}html.light .dropdown-item{color:#2c3e40}html.light .dropdown-item:hover{background:rgba(42,157,116,.07);color:#0d1617}html.light .toggleBtn{background:#f5f7f7;border-color:#0000001f;color:#2c3e40}html.light .toggleBtn:hover{border-color:#2a9d7466}html.light .dd-scan-btn{border-color:#0000001f;color:#4a6068}html.light .dd-scan-btn svg{color:#2a9d74}html.light .dd-scan-btn:hover{border-color:#2a9d7466;background:rgba(42,157,116,.07);color:#0d1617}html.light .dd-btn{border-color:#0000001f}html.light .dd-btn--cancel{background:#f0f4f4;color:#4a6068}html.light .dd-btn--cancel:hover{background:#e4ecec;color:#0d1617}html.light .dd-btn--submit,html.light .dd-btn--main{background:var(--accent);border-color:var(--accent);color:#fff}html.light .dd-card__actions{border-top-color:#00000012}html.light .dd-name-input{background:#f5f7f7;border-color:#0000001f;color:#0d1617}html.light .dd-name-input:focus{border-color:#2a9d74;box-shadow:0 0 0 3px #2a9d741f}html.light .dd-countdown{background:#f0f4f4;border-color:#00000014;color:#2a9d74}.sb-root{position:fixed;top:0;left:0;height:100vh;width:300px;z-index:1001;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;background:var(--surface, #003D4C);background-image:linear-gradient(180deg,var(--surface-2, #004d5e) 0%,var(--surface, #003D4C) 40%,#ffffff),url(/assets/bgg1-f9c65b8c.png);background-size:cover,cover;background-position:center,center;background-blend-mode:multiply,normal;border-right:1px solid var(--border-strong, rgba(255, 255, 255, .1));box-shadow:inset -1px 0 0 var(--border, rgba(255, 255, 255, .06)),4px 0 24px #0000004d;font-family:var(--bd-font, -apple-system, system-ui, sans-serif);transition:transform .28s cubic-bezier(.22,1,.36,1),width .2s ease;transform:translateZ(0)}.sb-root::-webkit-scrollbar{display:none}.sb-root--hidden{transform:translate(-100%)}.sb-root--visible{transform:translate(0)}.sb-root--collapsed{width:65px}.sb-root--collapsed .sb-logo-wrap{justify-content:center;padding:5px 10px}.sb-root--collapsed .sb-logo{width:32px}.sb-root--collapsed .sb-nav{padding:.5rem .375rem}.sb-root--collapsed .sb-item{justify-content:center;padding:5px}.sb-root--collapsed .sb-item__label,.sb-root--collapsed .sb-close,.sb-root--collapsed .sb-divider,.sb-root--collapsed .sb-toggles,.sb-root--collapsed .sb-settings-panel{display:none}.sb-logo-wrap{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem .625rem;flex-shrink:0}.sb-logo{width:75%!important;transition:opacity .2s ease}.sb-logo--dark{opacity:1}.sb-logo--light{opacity:.95}.sb-close{background:none;border:none;color:var(--text-mute, #FFFFFF);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .12s ease,background .12s ease}.sb-close:hover{color:var(--text, #FFFFFF);background:var(--tab-bg, rgba(255, 255, 255, .06))}.sb-nav{display:flex;flex-direction:column;gap:.1rem;padding:.375rem .625rem;flex:1}.sb-item{display:flex;align-items:center;gap:.65rem;padding:5px;border-radius:10px;color:var(--text-2, #FFFFFF);text-decoration:none!important;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:.82rem;font-weight:500;font-family:var(--bd-font, sans-serif);transition:background .12s ease,color .12s ease}.sb-item:hover{background:var(--tab-bg, rgba(255, 255, 255, .06));color:var(--text, #FFFFFF);text-decoration:none!important}.sb-item:hover .sb-item__icon{color:var(--text, #FFFFFF)}.sb-item--active{background:var(--accent-soft, rgba(59, 181, 134, .13));color:var(--accent, #53B798);font-weight:600}.sb-item--active .sb-item__icon{color:var(--accent, #53B798)}.sb-item--active:hover{background:var(--accent-soft, rgba(59, 181, 134, .18));color:var(--accent, #53B798)}.sb-item--active:hover .sb-item__icon{color:var(--accent, #53B798)}.sb-item--logout{color:var(--text-mute, #FFFFFF);margin-top:.25rem}.sb-item--logout .sb-item__icon{color:var(--text-mute, #FFFFFF)}.sb-item--logout:hover{color:var(--danger, #f87171);background:var(--danger-soft, rgba(239, 68, 68, .08))}.sb-item--logout:hover .sb-item__icon{color:var(--danger, #f87171)}.sb-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-mute, #FFFFFF);transition:color .12s ease}.sb-item__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sb-divider{height:1px;background:var(--border, rgba(255, 255, 255, .07));margin:.25rem .75rem;flex-shrink:0}.sb-toggles{display:flex;flex-direction:column;padding:5px 10px;flex-shrink:0}.sb-toggle-row{display:flex;align-items:center;justify-content:space-between}.sb-toggle-label{font-size:11px;font-weight:400;color:var(--text-2, #FFFFFF);font-family:var(--bd-font, sans-serif)}.sb-status-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.02em;font-family:var(--bd-font, sans-serif)}.sb-status-pill__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sb-status-pill--online{background:var(--accent-soft, rgba(59, 181, 134, .16));color:var(--accent, #53B798)}.sb-status-pill--online .sb-status-pill__dot{background:var(--accent, #53B798);box-shadow:0 0 5px var(--accent-glow, rgba(59, 181, 134, .5))}.sb-status-pill--offline{background:var(--tab-bg, rgba(255, 255, 255, .05));color:var(--text-mute, #FFFFFF)}.sb-status-pill--offline .sb-status-pill__dot{background:var(--text-dim, #FFFFFF)}.sb-mobile-trigger{position:fixed;top:.875rem;left:.875rem;z-index:1002;background:var(--surface, #003D4C);border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text, #FFFFFF);width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .2));transition:background .12s ease}.sb-mobile-trigger:hover{background:var(--surface-2, rgba(255, 255, 255, .08))}.sb-settings-panel{padding:5px 10px;border-top:1px solid var(--border, rgba(255, 255, 255, .07));display:flex;flex-direction:column;gap:3px;flex-shrink:0}.sb-settings-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute, #6d9098);margin-top:.1rem}.sb-settings-toggle{display:flex;gap:2px;background:rgba(0,0,0,.25);border-radius:8px;padding:2px}.sb-settings-toggle__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:.32rem .5rem;border-radius:6px;border:none;background:transparent;color:var(--text-mute, #6d9098);font-size:.72rem;font-weight:500;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s,color .15s}.sb-settings-toggle__btn:hover{color:var(--text-2, #a8c8cc)}.sb-settings-toggle__btn--active{background:var(--surface-2, #004d5e);color:var(--text, #e8f4f3);box-shadow:0 1px 4px #00000040}.sb-settings-swatches{display:flex;gap:.45rem}.sb-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;flex-shrink:0;padding:0}.sb-swatch:hover{transform:scale(1.15)}.sb-swatch--active{border-color:var(--text, #e8f4f3);box-shadow:0 0 0 2px #ffffff40}.sb-flag{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0;background:none;transition:transform .12s,border-color .12s,box-shadow .12s;flex-shrink:0}.sb-flag .fi{width:100%;height:100%;border-radius:50%;display:block}.sb-flag:hover{transform:scale(1.15)}.sb-flag--active{border-color:var(--accent, #3bb586);box-shadow:0 0 0 2px var(--accent-glow, rgba(59, 181, 134, .35))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--border-strong, rgba(255, 255, 255, .15))!important}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--accent-glow, rgba(59, 181, 134, .5))!important}.ios-fix{transform:translateZ(0)}html.light .sb-settings-panel{border-top-color:#00000014}html.light .sb-settings-label{color:#5a7a82}html.light .sb-settings-toggle{background:rgba(0,0,0,.07)}html.light .sb-settings-toggle__btn{color:#5a7a82}html.light .sb-settings-toggle__btn:hover{color:#2c3e40}html.light .sb-settings-toggle__btn--active{background:#ffffff;color:#0d1617;box-shadow:0 1px 4px #00000026}html.light .sb-swatch--active{border-color:#0d1617;box-shadow:0 0 0 2px #0000001f}html.light .sb-toggle-label{color:#0d1617b3}@keyframes nb-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#CustomNavBar.nb-root{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1.25rem;z-index:1000;width:100%;height:52px;background:transparent}.nb-trigger{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .5rem;background:var(--tab-bg, rgba(255, 255, 255, .06));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:40px;cursor:pointer;color:var(--text, #FFFFFF);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.nb-trigger:hover{background:var(--surface-2, rgba(255, 255, 255, .1));border-color:var(--border-strong, rgba(255, 255, 255, .18));box-shadow:var(--shadow-card, 0 2px 10px rgba(0, 0, 0, .2))}.nb-trigger:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.nb-email{font-size:.78rem;font-weight:500;color:var(--text-2, #FFFFFF);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-avatar{width:26px;height:26px;border-radius:50%;background:#FC645A;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0;line-height:1}.nb-chevron{width:14px;height:14px;color:var(--text-2, #FFFFFF);opacity:.5;flex-shrink:0;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .15s ease}.nb-chevron--up{transform:rotate(180deg);opacity:.8}.nb-panel{position:absolute;top:calc(100% + 6px);right:1rem;width:300px;background:var(--surface, #003D4C);border:1px solid var(--border-strong, rgba(255, 255, 255, .1));border-radius:16px;box-shadow:var(--shadow-card, 0 16px 40px rgba(0, 0, 0, .35)),0 2px 8px #0003;overflow:hidden;animation:nb-panel-in .2s cubic-bezier(.22,1,.36,1) both;z-index:1001}.nb-panel__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .875rem}.nb-panel__avatar{width:40px;height:40px;border-radius:50%;background:#FC645A;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0;line-height:1}.nb-panel__user-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.nb-panel__email{font-size:.8rem;font-weight:600;color:var(--text, #FFFFFF);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-panel__role{font-size:.68rem;color:var(--text-mute, #FFFFFF);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.nb-divider{height:1px;background:var(--border, rgba(255, 255, 255, .06));margin:.25rem 0}.nb-section-label{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mute, #FFFFFF);margin:.5rem 1rem .25rem}.nb-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--text, #FFFFFF);transition:background .12s ease}.nb-item:hover{background:var(--tab-bg, rgba(255, 255, 255, .05))}.nb-item:hover .nb-item__chevron{opacity:1;transform:translate(2px)}.nb-item:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:-2px}.nb-item__icon{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease}.nb-item__icon svg{width:14px;height:14px}.nb-item__icon--lock{background:rgba(99,102,241,.15);color:#818cf8}.nb-item__icon--email{background:rgba(52,211,153,.12);color:#34d399}.nb-item:hover .nb-item__icon{transform:scale(1.08)}.nb-item__body{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.nb-item__title{font-size:.82rem;font-weight:600;color:var(--text, #FFFFFF);line-height:1.2}.nb-item__desc{font-size:.7rem;color:var(--text-mute, #FFFFFF);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-item__desc--meta{color:var(--accent, #53B798);font-weight:500}.nb-item__chevron{width:14px;height:14px;opacity:.25;flex-shrink:0;transition:opacity .12s ease,transform .18s cubic-bezier(.22,1,.36,1)}.nb-appearance{padding:.375rem 1rem .75rem;display:flex;flex-direction:column;gap:.5rem}.nb-theme-row{display:flex;align-items:center;justify-content:space-between}.nb-theme-row__label{font-size:.8rem;font-weight:500;color:var(--text-2, #FFFFFF)}.nb-theme-toggle{position:relative;width:40px;height:22px;border-radius:11px;border:1px solid var(--border-strong, rgba(255, 255, 255, .15));background:var(--surface-strong, rgba(255, 255, 255, .1));cursor:pointer;transition:background .2s ease,border-color .2s ease;padding:0;flex-shrink:0}.nb-theme-toggle--light{background:var(--accent-soft);border-color:var(--accent-glow)}.nb-theme-toggle__thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--text-mute, rgba(255, 255, 255, .5));transition:transform .2s cubic-bezier(.22,1,.36,1),background .2s ease}.nb-theme-toggle--light .nb-theme-toggle__thumb{transform:translate(18px);background:var(--accent)}.nb-theme-toggle:hover{border-color:var(--accent)}.nb-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nb-accent-row{display:flex;align-items:center;gap:.5rem}.nb-accent-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;flex-shrink:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:0 1px 4px #00000040}.nb-accent-dot:hover{transform:scale(1.18)}.nb-accent-dot:focus-visible{outline:2px solid var(--text);outline-offset:2px}.nb-accent-dot:active{transform:scale(.9)}.nb-accent-dot--active{border-color:var(--text, white);box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--text, white);transform:scale(1.1)}.nb-lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;padding:.375rem .75rem .875rem}.nb-lang-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .625rem;background:var(--tab-bg, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:10px;cursor:pointer;color:var(--text-2, white);font-size:.78rem;font-weight:500;transition:background .12s ease,border-color .12s ease,transform .15s ease}.nb-lang-btn:hover{background:var(--surface-2, rgba(255, 255, 255, .09));border-color:var(--border-strong, rgba(255, 255, 255, .14));transform:scale(1.02)}.nb-lang-btn:focus-visible{outline:2px solid var(--accent, #53B798);outline-offset:2px}.nb-lang-btn:active{transform:scale(.97)}.nb-lang-btn--active{background:var(--accent-soft);border-color:var(--accent-glow);color:var(--accent, #53B798);font-weight:600}.nb-lang-btn--active:hover{background:var(--accent-glow);border-color:var(--accent)}.nb-flag{width:18px!important;height:14px!important;border-radius:2px;flex-shrink:0}.sidebar{z-index:1}@keyframes gm-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gm-card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}#groups-page.gm-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:gm-fade-up .3s cubic-bezier(.22,1,.36,1) both}.gm-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.gm-header__left{display:flex;flex-direction:column;gap:.1rem}.gm-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.gm-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.gm-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.gm-add-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem 1rem;background:var(--accent-soft, rgba(59, 181, 134, .12));border:1px solid var(--accent-glow, rgba(59, 181, 134, .3));border-radius:10px;color:var(--accent, #53B798);font-size:.82rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.gm-add-btn:hover{background:var(--accent-soft, rgba(59, 181, 134, .22));box-shadow:0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .4));transform:translateY(-1px)}.gm-add-btn:active{transform:translateY(0) scale(.96);transition-duration:.08s}.gm-add-btn svg{flex-shrink:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.gm-add-btn:hover svg{transform:rotate(90deg)}.gm-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:.25rem 0 1.25rem;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.gm-content::-webkit-scrollbar{width:5px}.gm-content::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.gm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:stretch}.gm-card{display:flex;flex-direction:column;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));cursor:pointer;transition:border-color .18s ease,box-shadow .2s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1);animation:gm-card-in .35s cubic-bezier(.22,1,.36,1) both}.gm-card:nth-child(1){animation-delay:0ms}.gm-card:nth-child(2){animation-delay:35ms}.gm-card:nth-child(3){animation-delay:70ms}.gm-card:nth-child(4){animation-delay:105ms}.gm-card:nth-child(5){animation-delay:.14s}.gm-card:nth-child(6){animation-delay:175ms}.gm-card:nth-child(7){animation-delay:.21s}.gm-card:nth-child(8){animation-delay:245ms}.gm-card:nth-child(9){animation-delay:.28s}.gm-card:hover{border-color:var(--accent-glow, rgba(59, 181, 134, .35));box-shadow:0 6px 22px #00000047;transform:translateY(-3px)}.gm-card:hover .gm-card__icon{transform:scale(1.1)}.gm-card:active{transform:translateY(-1px) scale(.988);transition-duration:.08s}.gm-card__head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.gm-card__icon{width:38px;height:38px;border-radius:10px;background:var(--accent-soft, rgba(59, 181, 134, .12));border:1px solid var(--accent-glow, rgba(59, 181, 134, .2));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent, #53B798);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.gm-card__info{flex:1;min-width:0}.gm-card__name{font-size:1rem;font-weight:700;color:var(--text, #FFFFFF);margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-card__count{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-mute, rgba(255, 255, 255, .45));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-card__count-dot{width:5px;height:5px;border-radius:50%;background:var(--accent, #3BB586);flex-shrink:0}.gm-card__delete-btn{padding:.3rem .65rem;border-radius:7px;background:var(--danger-soft, rgba(248, 113, 113, .1));border:1px solid rgba(248,113,113,.25);color:var(--danger, #f87171);font-size:.75rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.gm-card__delete-btn:hover{background:rgba(248,113,113,.2)}.gm-card__delete-btn:active{transform:scale(.93)}.gm-card__body{flex:1;display:flex;flex-direction:column;padding:.3rem 1.1rem}.gm-card__meta-row{display:flex;align-items:center;gap:.55rem;padding:.55rem 0}.gm-card__meta-row+.gm-card__meta-row{border-top:1px solid var(--border, rgba(255, 255, 255, .05))}.gm-card__meta-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;flex-shrink:0;color:var(--text-mute, rgba(255, 255, 255, .45));background:var(--surface-2, rgba(255, 255, 255, .04))}.gm-card__meta-label{flex:1;min-width:0;font-size:.76rem;font-weight:500;color:var(--text-mute, rgba(255, 255, 255, .55));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-card__meta-value{flex-shrink:0;max-width:45%;font-size:.8rem;color:var(--text-2, #FFFFFF);font-weight:600;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-card__meta-pill{padding:.15rem .55rem;border-radius:100px;font-size:.7rem}.gm-card__meta-pill--on{color:var(--accent, #3BB586);background:var(--accent-soft, rgba(59, 181, 134, .14))}.gm-card__meta-pill--off{color:var(--danger, #f87171);background:var(--danger-soft, rgba(248, 113, 113, .12))}.gm-card__foot{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.1rem;background:var(--surface-2, rgba(255, 255, 255, .03));border-top:1px solid var(--border, rgba(255, 255, 255, .05));border-radius:0 0 14px 14px}.gm-card__updated{font-size:.7rem;color:var(--text-mute, rgba(255, 255, 255, .35))}.gm-card__detail-btn{padding:.28rem .65rem;border-radius:7px;background:var(--surface-3, rgba(255, 255, 255, .06));border:1px solid var(--border-strong, rgba(255, 255, 255, .1));color:var(--text-2, #FFFFFF);font-size:.75rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.gm-card__detail-btn:hover{background:var(--surface-3, rgba(255, 255, 255, .1))}.gm-card__detail-btn:active{transform:scale(.94)}@keyframes gmcs-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.gmcs-line,.gmcs-icon{background:linear-gradient(90deg,var(--surface-2, #004d5e) 25%,var(--surface-3, #005a6d) 50%,var(--surface-2, #004d5e) 75%);background-size:600px 100%;animation:gmcs-shimmer 1.5s infinite linear;border-radius:6px}.gm-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:stretch}.gm-card-skeleton{border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;display:flex;flex-direction:column;animation:gmcs-shimmer 1.5s infinite linear;animation-play-state:paused;background:var(--surface, #003D4C);min-height:180px}.gmcs-head{display:flex;align-items:center;gap:.75rem;padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .06))}.gmcs-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0}.gmcs-title-group{flex:1;display:flex;flex-direction:column;gap:.35rem}.gmcs-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.85rem 1.1rem}.gmcs-meta{display:flex;flex-direction:column;gap:.4rem}.gmcs-foot{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.1rem;border-top:1px solid var(--border, rgba(255, 255, 255, .05))}.gmcs-line{height:10px}.gmcs-line--title{width:55%;height:13px}.gmcs-line--sub{width:35%;height:9px}.gmcs-line--label{width:60%;height:9px}.gmcs-line--value{width:80%;height:11px}.gmcs-line--date{width:45%;height:9px}.gmcs-line--btn{width:22%;height:22px;border-radius:7px}.ag-layout,.gm-edit-layout{display:flex;gap:1.25rem;align-items:stretch;flex:1;min-height:0}.ag-config{flex:0 0 46%;min-width:0;min-height:0;max-height:100%;background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:16px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));padding:1.25rem;display:flex;flex-direction:column;gap:1rem;animation:gm-card-in .3s cubic-bezier(.22,1,.36,1) both}@media (max-width: 860px){.ag-config{flex:1}}.ag-config__body{display:flex;flex-direction:column;gap:1rem;min-height:0;overflow-y:auto;padding-right:4px;margin-right:-4px;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.ag-config__body::-webkit-scrollbar{width:5px}.ag-config__body::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.ag-picker{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;animation:gm-card-in .3s cubic-bezier(.22,1,.36,1) both;animation-delay:60ms}.ag-picker-block{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .07));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .16));padding:1rem 1.1rem}.ag-picker-block__title{font-size:.9rem;font-weight:700;color:var(--text, #FFFFFF);margin:0 0 .2rem;letter-spacing:-.01em}.ag-picker-block__desc{font-size:.72rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0 0 .75rem}.ag-section{display:flex;flex-direction:column;gap:.35rem}.ag-section__title{font-size:.78rem;font-weight:700;color:var(--text-2, #FFFFFF);text-transform:uppercase;letter-spacing:.05em;margin:0}.ag-section__desc{font-size:.71rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0}.ag-name-input{width:100%;padding:.5rem .85rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text, #FFFFFF);font-size:.9rem;font-weight:600;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s ease;box-sizing:border-box}.ag-name-input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .3));font-weight:400}.ag-name-input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .3));font-weight:400}.ag-name-input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.ag-name-input[readonly]{opacity:.6;cursor:default}.ag-select{width:100%;padding:.5rem .85rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text-2, #FFFFFF);font-size:.84rem;font-family:var(--bd-font, sans-serif);outline:none;cursor:pointer;transition:border-color .15s ease}.ag-select option{background:var(--surface-2, #004d5e);color:var(--text, #FFFFFF)}.ag-select:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4))}.ag-select--readonly{opacity:.5;cursor:default;pointer-events:none}.ag-pool{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.ag-pool::-webkit-scrollbar{width:4px}.ag-pool::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .12));border-radius:4px}.ag-pool--available{max-height:260px}.ag-pool__empty{font-size:.75rem;color:var(--text-mute, rgba(255, 255, 255, .35));text-align:center;padding:.75rem 0;margin:0}.ag-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:9px;transition:border-color .15s ease,background .15s ease}.ag-item:hover{border-color:var(--border-strong, rgba(255, 255, 255, .14))}.ag-item--selected{background:var(--accent-soft, rgba(59, 181, 134, .08));border-color:var(--accent-glow, rgba(59, 181, 134, .2))}.ag-item--active{border-color:var(--accent-glow, rgba(59, 181, 134, .3))}.ag-item__name{flex:1;font-size:.82rem;font-weight:500;color:var(--text, #FFFFFF);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-item__add,.ag-item__remove,.ag-item__check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;border:none;transition:background .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.ag-item__add{background:rgba(59,181,134,.18);color:var(--accent, #53B798)}.ag-item__add:hover{background:rgba(59,181,134,.32)}.ag-item__add:active{transform:scale(.85)}.ag-item__remove{background:rgba(248,113,113,.18);color:var(--danger, #f87171)}.ag-item__remove:hover{background:rgba(248,113,113,.32)}.ag-item__remove:active{transform:scale(.85)}.ag-item__check{background:var(--accent-soft, rgba(59, 181, 134, .12));color:var(--accent, #53B798);pointer-events:none}.ag-actions{display:flex;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));flex-shrink:0}.ag-btn{flex:1;padding:.52rem 1rem;border-radius:10px;font-size:.84rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.22,1,.36,1)}.ag-btn:active{transform:scale(.97);transition-duration:.08s}.ag-btn--cancel{background:var(--surface-2, rgba(255, 255, 255, .05));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));color:var(--text-2, #FFFFFF)}.ag-btn--cancel:hover{background:var(--surface-3, rgba(255, 255, 255, .09))}.ag-btn--save{background:var(--accent-soft, rgba(59, 181, 134, .15));border:1px solid var(--accent-glow, rgba(59, 181, 134, .3));color:var(--accent, #53B798)}.ag-btn--save:hover{background:var(--accent-soft, rgba(59, 181, 134, .25));box-shadow:0 0 0 1px var(--accent-glow, rgba(59, 181, 134, .4))}.gm-search-bar{margin-bottom:.75rem}.gm-search-bar__input-wrap{position:relative;display:flex;align-items:center;max-width:420px}.gm-search-bar__icon{position:absolute;left:12px;color:var(--text-mute, rgba(255, 255, 255, .4));pointer-events:none}.gm-search-bar__input{width:100%;padding:.55rem 2.5rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:10px;color:var(--text, #FFFFFF);font-size:.84rem;font-family:var(--bd-font, sans-serif);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.gm-search-bar__input::-moz-placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))}.gm-search-bar__input::placeholder{color:var(--text-mute, rgba(255, 255, 255, .35))}.gm-search-bar__input:focus{border-color:var(--accent-glow, rgba(59, 181, 134, .4));box-shadow:0 0 0 3px var(--accent-soft, rgba(59, 181, 134, .12))}.gm-search-bar__clear{position:absolute;right:10px;background:none;border:none;color:var(--text-mute, rgba(255, 255, 255, .4));cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center}.gm-search-bar__clear:hover{color:var(--text, #FFFFFF)}.gm-result-count{font-size:.75rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0 0 .75rem}.gm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.75rem;text-align:center}.gm-empty__icon{width:72px;height:72px;border-radius:50%;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border, rgba(255, 255, 255, .06));display:flex;align-items:center;justify-content:center;color:var(--text-mute, rgba(255, 255, 255, .3));margin-bottom:.25rem}.gm-empty__title{font-size:1rem;font-weight:700;color:var(--text, #FFFFFF);margin:0}.gm-empty__desc{font-size:.82rem;color:var(--text-mute, rgba(255, 255, 255, .4));margin:0}.gm-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.gm-pagination__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .12));border-radius:9px;color:var(--text-2, #FFFFFF);font-size:.8rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.gm-pagination__btn:hover:not(:disabled){background:var(--surface-3, rgba(255, 255, 255, .08))}.gm-pagination__btn:active:not(:disabled){transform:scale(.95)}.gm-pagination__btn:disabled{opacity:.35;cursor:default}.gm-pagination__numbers{display:flex;gap:.3rem}.gm-pagination__num{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid var(--border-strong, rgba(255, 255, 255, .1));color:var(--text-2, #FFFFFF);font-size:.8rem;font-weight:600;font-family:var(--bd-font, sans-serif);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s cubic-bezier(.22,1,.36,1)}.gm-pagination__num:hover{background:var(--surface-3, rgba(255, 255, 255, .08))}.gm-pagination__num:active{transform:scale(.9)}.gm-pagination__num.active{background:var(--accent-soft, rgba(59, 181, 134, .18));border-color:var(--accent-glow, rgba(59, 181, 134, .4));color:var(--accent, #53B798)}.section-over{background:var(--surface, #003D4C);border-radius:12px;box-shadow:var(--shadow-card, 0 2px 8px rgba(0, 0, 0, .2));padding:1.25rem}.poolItem{color:var(--text, #FFFFFF)!important;font-size:14px!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}svg{cursor:pointer}@keyframes rt-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rt-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.rts-bar,.rts-count,.rts-label,.rts-icon,.rt-skel-panel__head-bar,.rts-foot-v,.rts-foot-k,.rts-val,.rts-key,.rt-skel-info__head-bar{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:600px 100%;animation:rt-shimmer 1.5s infinite linear;border-radius:4px}#routers.rt-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;background:var(--bg, #003D4C);font-family:var(--bd-font, -apple-system, system-ui, sans-serif);animation:rt-fade-up .35s cubic-bezier(.22,1,.36,1) both}.rt-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface-2, #003D4C);background-image:url(/assets/bgg1-f9c65b8c.png);background-size:cover;background-position:center;border:1px solid var(--border, rgba(255, 255, 255, .06));box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));flex-shrink:0}.rt-header__left{display:flex;flex-direction:column;gap:.1rem}.rt-header__title{font-size:1.15rem;font-weight:700;color:var(--text, #FFFFFF);margin:0;letter-spacing:-.02em;line-height:1.2}.rt-header__subtitle{font-size:.72rem;color:var(--text-2, #FFFFFF);margin:0}.rt-header__right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.rt-badge{display:flex;flex-direction:column;align-items:center;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;padding:6px 16px;min-width:70px}.rt-badge__value{font-size:1rem;font-weight:700;font-family:var(--bd-mono);line-height:1.2;color:var(--accent)}.rt-badge__label{font-size:.65rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.rt-badge--threat .rt-badge__value{color:var(--danger)}.rt-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border, rgba(255, 255, 255, .1)) transparent}.rt-content::-webkit-scrollbar{width:5px}.rt-content::-webkit-scrollbar-track{background:transparent}.rt-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rt-info-card{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden}.rt-info-card__head{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.rt-info-card__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft, rgba(59, 181, 134, .12));color:var(--accent);flex-shrink:0}.rt-info-card__title{font-size:.85rem;font-weight:700;color:var(--text);margin:0}.rt-info-card__body{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 700px){.rt-info-card__body{grid-template-columns:1fr}}.rt-info-card__col{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.65rem}.rt-info-card__col:first-child{border-right:1px solid var(--border)}.rt-info-card__foot{display:flex;border-top:1px solid var(--border)}@media (max-width: 600px){.rt-info-card__foot{flex-direction:column}}.rt-info-card__foot-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.75rem 1rem;border-right:1px solid var(--border)}.rt-info-card__foot-item:last-child{border-right:none}.rt-kv{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rt-kv__key{font-size:.75rem;color:var(--text-mute);white-space:nowrap}.rt-kv__val{font-size:.78rem;color:var(--text);font-family:var(--bd-mono);text-align:right;word-break:break-all}.rt-kv__label{font-size:.65rem;color:var(--text-mute);text-transform:uppercase;letter-spacing:.06em}.rt-panels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 900px){.rt-panels{grid-template-columns:1fr}}.rt-panel{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden;display:flex;flex-direction:column}.rt-panel__head{display:flex;align-items:center;gap:.6rem;padding:.65rem 1.25rem;background:var(--surface-2);border-bottom:1px solid var(--border);flex-shrink:0}.rt-panel__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft, rgba(59, 181, 134, .12));color:var(--accent);flex-shrink:0}.rt-panel__icon--threat{background:var(--danger-soft, rgba(239, 68, 68, .12));color:var(--danger)}.rt-panel__title{font-size:.85rem;font-weight:700;color:var(--text);margin:0}.rt-panel__count{margin-left:auto;font-size:.72rem;font-family:var(--bd-mono);color:var(--text-mute);background:var(--surface-3);border:1px solid var(--border);border-radius:999px;padding:1px 9px}.rt-panel__body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.rt-panel__body::-webkit-scrollbar{width:4px}.rt-panel__body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rt-progress-row{display:flex;flex-direction:column;gap:4px}.rt-progress-row__top{display:flex;align-items:center;gap:7px}.rt-progress-row__icon{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;filter:brightness(0) saturate(100%) invert(70%) sepia(20%) saturate(400%) hue-rotate(130deg)}.rt-progress-row__label{font-size:.78rem;color:var(--text-2);flex:1}.rt-progress-row__count{font-size:.75rem;font-weight:600;font-family:var(--bd-mono);color:var(--text)}.rt-progress-row__bar-track{height:4px;border-radius:999px;background:var(--surface-3);overflow:hidden}.rt-progress-row__bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .5s ease}.rt-progress-row--threat .rt-progress-row__bar-fill{background:var(--danger)}.rt-skeleton{display:flex;flex-direction:column;gap:.75rem}.rt-skel-info{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden}.rt-skel-info__head{padding:.65rem 1.25rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.rt-skel-info__head-bar{width:140px;height:14px}.rt-skel-info__body{display:grid;grid-template-columns:1fr 1fr}.rt-skel-info__col{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.rt-skel-info__col:first-child{border-right:1px solid var(--border)}.rt-skel-info__foot{display:flex;border-top:1px solid var(--border)}.rt-skel-info__foot-item{flex:1;padding:.75rem 1rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px;align-items:center}.rt-skel-info__foot-item:last-child{border-right:none}.rts-kv{display:flex;justify-content:space-between;gap:8px}.rts-key{width:80px;height:11px}.rts-val{width:100px;height:11px}.rts-foot-k{width:55px;height:9px}.rts-foot-v{width:90px;height:11px}.rt-skel-panels{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 900px){.rt-skel-panels{grid-template-columns:1fr}}.rt-skel-panel{background:var(--surface, #003D4C);border:1px solid var(--border, rgba(255, 255, 255, .06));border-radius:14px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .18));overflow:hidden}.rt-skel-panel__head{padding:.65rem 1.25rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.rt-skel-panel__head-bar{width:110px;height:14px}.rt-skel-panel__body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.rts-row{display:flex;flex-direction:column;gap:4px}.rts-row-top{display:flex;gap:7px;align-items:center;justify-content:space-between}.rts-icon{width:18px;height:18px;border-radius:4px;flex-shrink:0}.rts-label{flex:1;height:11px}.rts-count{width:26px;height:11px}.rts-bar{height:4px;border-radius:999px}.base-color{color:var(--text, #FFFFFF)}.text-subcolor{color:var(--accent, #53B798)}.separator{width:1px;background:var(--border);align-self:stretch;margin:.5rem 0}.cp-page{display:flex;flex-direction:column;gap:.6rem;height:calc(100vh - 52px);overflow:hidden;font-family:var(--bd-font, -apple-system, system-ui, sans-serif);background:var(--bg, #003D4C)}.cp-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-radius:14px;background:var(--surface, #53B798) url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;border:1px solid var(--border);box-shadow:var(--shadow-card);flex-shrink:0}.cp-header__left{display:flex;flex-direction:column;gap:.15rem}.cp-header__title{font-size:1.15rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.cp-header__subtitle{font-size:.72rem;color:var(--text-mute)}.cp-header__icon{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-glow);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.cp-content{flex:1;min-height:0;overflow-y:auto;padding:.25rem 0 1.25rem;display:flex;align-items:flex-start;gap:1rem}.cp-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);padding:1.5rem;width:100%;max-width:480px}.cp-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.cp-field:last-of-type{margin-bottom:0}.cp-label{font-size:.75rem;font-weight:600;color:var(--text-2);letter-spacing:.04em;text-transform:uppercase}.cp-input-wrap{position:relative}.cp-input{width:100%;height:40px;padding:0 2.4rem 0 .85rem;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.82rem;font-family:var(--bd-font);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.cp-input::-moz-placeholder{color:var(--text-mute)}.cp-input::placeholder{color:var(--text-mute)}.cp-input:hover:not(:focus):not([readonly]){border-color:var(--accent-soft, rgba(59, 181, 134, .4));background:var(--surface-3);box-shadow:0 2px 8px #0000002e}.cp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface-3)}.cp-input[readonly]{opacity:.6;cursor:default}.cp-input:-webkit-autofill,.cp-input:-webkit-autofill:hover,.cp-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text, #e8f4f3)!important;box-shadow:0 0 0 1000px var(--surface-2, #004d5e) inset!important;border-color:var(--border, rgba(255, 255, 255, .09));caret-color:var(--accent, #3BB586);-webkit-transition:background-color 99999s ease-in-out 0s;transition:background-color 99999s ease-in-out 0s}.cp-eye{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:var(--text-mute);display:flex;align-items:center;line-height:1}.cp-eye:hover{color:var(--text)}.cp-note{font-size:.72rem;color:var(--text-mute);margin-top:.25rem;line-height:1.5}.cp-actions{display:flex;gap:.75rem;margin-top:1.5rem}.cp-btn{flex:1;height:38px;border-radius:9px;font-size:.8rem;font-weight:600;font-family:var(--bd-font);cursor:pointer;border:1px solid var(--border);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.cp-btn--cancel{background:var(--surface-2);color:var(--text-2)}.cp-btn--cancel:hover{background:var(--surface-3);border-color:var(--border-strong)}.cp-btn--save{background:var(--accent);color:#fff;border-color:transparent}.cp-btn--save:hover{box-shadow:0 0 0 3px var(--accent-glow)}.download-container{max-width:430px;max-height:932px;text-align:left;font-family:Arial;display:flex;flex-direction:column;background-color:#fff;background-image:url(/images/download-hex-bg.png);background-size:cover;background-position:center;margin:0 auto}@media (max-width: 480px){.download-container{max-width:100%;max-height:none}}.download-container .download-container-header{background-color:#003d4c;padding:10px;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.download-container .download-container-header{width:100%}}.download-container .download-container-body h1{font-size:20px;color:#101820;padding:10px;font-weight:700;text-align:center}.download-container .download-container-body h2{font-size:16px;color:#101820;font-weight:400;padding:10px}.download-container .download-container-body h3{margin-top:20px;font-size:15px;font-weight:800;padding:0 10px;color:#101820}.download-container .download-container-body p{font-size:14px;padding:5px 10px;color:#101820}.download-container .download-container-footer{display:flex;justify-content:center;align-items:flex-end;height:200px;width:430px}@media (max-width: 480px){.download-container .download-container-footer{width:100%}}.download-container .download-container-footer button{background-color:#53b798;border:none;font-size:14px;font-weight:700;color:#101820;padding:10px 100px;border-radius:50px;margin:20px;cursor:pointer}@media (max-width: 480px){.download-container .download-container-footer button{padding:8px 30px}}.download-container .download-container-footer button:hover{background-color:#3d928e}.download-container .download-container-footer button:active{background-color:#306e79}.ang-fab{position:fixed;bottom:1.5rem;right:1.25rem;z-index:1000;width:34px;height:34px;border-radius:50%;background:var(--accent, #3bb586);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #3bb58673,0 2px 6px #0000004d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.ang-fab:hover{transform:scale(1.08)}.ang-fab:active{transform:scale(.96)}.ang-fab--open{background:var(--surface-3, #005a6d);box-shadow:0 4px 14px #00000059}.ang-fab__ping{position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:#6bd6ad;animation:ang-ping 2s ease-out infinite}.ang-fab__ping:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:ang-ping-ring 2s ease-out infinite}@keyframes ang-ping{0%,to{opacity:1}50%{opacity:.6}}@keyframes ang-ping-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.ang-panel{position:fixed;bottom:5.5rem;right:1.25rem;z-index:999;width:360px;height:520px;display:flex;flex-direction:column;background:var(--surface, #003d4c);border:1px solid var(--border, rgba(255, 255, 255, .09));border-radius:16px;box-shadow:var(--shadow-card, 0 8px 32px rgba(0, 0, 0, .55));font-family:var(--bd-font, sans-serif);overflow:hidden;opacity:0;transform:translateY(16px) scale(.97);pointer-events:none;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.ang-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media (max-width: 420px){.ang-panel{width:calc(100vw - 1.5rem);right:.75rem;bottom:5rem}}.ang-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;background:var(--surface-2, #004d5e) url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;border-bottom:1px solid var(--border, rgba(255, 255, 255, .07));flex-shrink:0}.ang-panel__header-left{display:flex;align-items:center;gap:.65rem}.ang-panel__avatar{width:34px;height:34px;border-radius:50%;background:var(--accent-soft, rgba(59, 181, 134, .18));border:1px solid var(--accent-glow, rgba(59, 181, 134, .32));color:var(--accent, #3bb586);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ang-panel__name{font-size:.88rem;font-weight:700;color:var(--text, #e8f4f3)}.ang-panel__status{display:flex;align-items:center;gap:.3rem;font-size:.68rem;color:var(--text-mute, #6d9098);margin-top:.1rem}.ang-panel__dot{width:6px;height:6px;border-radius:50%;background:var(--accent, #3bb586);flex-shrink:0;animation:ang-dot-pulse 2s ease-in-out infinite}@keyframes ang-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.ang-panel__header-actions{display:flex;gap:.3rem}.ang-panel__action-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--border, rgba(255, 255, 255, .08));background:var(--surface-3, rgba(255, 255, 255, .05));color:var(--text-mute, #6d9098);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.ang-panel__action-btn:hover{background:var(--surface-2, #004d5e);color:var(--text, #e8f4f3)}.ang-panel__action-btn:disabled{opacity:.4;cursor:not-allowed}.ang-panel__messages{flex:1;overflow-y:auto;padding:.9rem .85rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--surface-3, #005a6d) transparent}.ang-panel__messages::-webkit-scrollbar{width:4px}.ang-panel__messages::-webkit-scrollbar-track{background:transparent}.ang-panel__messages::-webkit-scrollbar-thumb{background:var(--surface-3, #005a6d);border-radius:4px}.ang-msg{display:flex;gap:.5rem;align-items:flex-start}.ang-msg--user{flex-direction:row-reverse}.ang-msg__avatar{width:26px;height:26px;border-radius:50%;background:var(--accent-soft, rgba(59, 181, 134, .14));border:1px solid var(--accent-glow, rgba(59, 181, 134, .25));color:var(--accent, #3bb586);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ang-msg__body{max-width:82%;display:flex;flex-direction:column}.ang-msg__bubble{padding:.55rem .8rem;border-radius:12px;font-size:.8rem;line-height:1.6;word-break:break-word;white-space:pre-wrap}.ang-msg__bubble--angel{background:var(--surface-2, #004d5e);border:1px solid var(--border, rgba(255, 255, 255, .07));color:var(--text, #e8f4f3);border-radius:4px 12px 12px}.ang-msg__bubble--user{background:var(--accent, #3bb586);color:#fff;border-radius:12px 4px 12px 12px}.ang-msg__time{font-size:.62rem;color:var(--text-mute, #6d9098);margin-top:.2rem;padding:0 .2rem}.ang-msg__time--user{text-align:right}.ang-typing{display:flex;gap:4px;align-items:center;padding:.1rem 0}.ang-typing span{width:5px;height:5px;border-radius:50%;background:var(--accent, #3bb586);animation:ang-bounce 1.2s infinite}.ang-typing span:nth-child(2){animation-delay:.2s}.ang-typing span:nth-child(3){animation-delay:.4s}@keyframes ang-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-5px);opacity:1}}.ang-cursor{display:inline-block;width:2px;height:.85em;background:var(--accent, #3bb586);margin-left:2px;border-radius:1px;vertical-align:text-bottom;animation:ang-blink 1s step-end infinite}@keyframes ang-blink{0%,to{opacity:1}50%{opacity:0}}.ang-panel__chips{display:flex;gap:.4rem;flex-wrap:wrap;padding:.5rem .85rem .45rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, #004d5e);flex-shrink:0}.ang-chip{padding:.22rem .6rem;border-radius:20px;border:1px solid var(--border, rgba(255, 255, 255, .09));background:var(--surface-3, rgba(255, 255, 255, .05));color:var(--text-2, #a8c8cc);font-size:.68rem;font-family:var(--bd-font, sans-serif);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.ang-chip:hover:not(:disabled){background:var(--accent-soft, rgba(59, 181, 134, .14));border-color:var(--accent-glow, rgba(59, 181, 134, .3));color:var(--accent, #3bb586)}.ang-chip:disabled{opacity:.4;cursor:not-allowed}.ang-panel__input{display:flex;align-items:flex-end;gap:.5rem;padding:.65rem .85rem .75rem;border-top:1px solid var(--border, rgba(255, 255, 255, .06));background:var(--surface-2, #004d5e);flex-shrink:0}.ang-textarea{flex:1;resize:none;background:var(--surface-3, #005a6d);border:1px solid var(--border, rgba(255, 255, 255, .09));border-radius:10px;padding:.5rem .75rem;color:var(--text, #e8f4f3);font-size:.8rem;font-family:var(--bd-font, sans-serif);line-height:1.5;outline:none;min-height:36px;max-height:110px;transition:border-color .15s ease,box-shadow .15s ease}.ang-textarea::-moz-placeholder{color:var(--text-mute, #6d9098)}.ang-textarea::placeholder{color:var(--text-mute, #6d9098)}.ang-textarea:focus{border-color:var(--accent, #3bb586);box-shadow:0 0 0 3px var(--accent-glow, rgba(59, 181, 134, .2))}.ang-textarea:disabled{opacity:.5;cursor:not-allowed}.ang-send-btn{width:36px;height:36px;border-radius:10px;background:var(--accent, #3bb586);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow .15s ease,opacity .15s ease}.ang-send-btn:hover:not(:disabled){box-shadow:0 0 0 3px var(--accent-glow, rgba(59, 181, 134, .3))}.ang-send-btn:disabled{opacity:.45;cursor:not-allowed}html.light .ang-panel{background:#ffffff;border-color:#00000014;box-shadow:0 8px 32px #00000024}html.light .ang-panel__header{background:#f0f4f4 url(/assets/bgg1-f9c65b8c.png) right center/cover no-repeat;border-bottom-color:#00000014}html.light .ang-panel__name{color:#0d1617}html.light .ang-panel__status{color:#7a8b8c}html.light .ang-panel__action-btn{background:rgba(0,0,0,.04);border-color:#0000001a;color:#7a8b8c}html.light .ang-panel__action-btn:hover{background:rgba(0,0,0,.08);color:#0d1617}html.light .ang-msg__bubble--angel{background:#f0f4f4;border-color:#00000014;color:#0d1617}html.light .ang-panel__chips{background:#f0f4f4;border-top-color:#00000014}html.light .ang-chip{background:rgba(0,0,0,.04);border-color:#0000001a;color:#4a6068}html.light .ang-chip:hover:not(:disabled){background:rgba(42,157,116,.1);border-color:#2a9d744d;color:#2a9d74}html.light .ang-panel__input{background:#f0f4f4;border-top-color:#00000014}html.light .ang-textarea{background:#ffffff;border-color:#0000001a;color:#0d1617}html.light .ang-textarea::-moz-placeholder{color:#8aa0a4}html.light .ang-textarea::placeholder{color:#8aa0a4}html.light .ang-textarea:focus{border-color:#2a9d74;box-shadow:0 0 0 3px #2a9d742e}@keyframes as-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#account-settings.as-page{display:flex;flex-direction:column;gap:1.5rem;max-width:680px;padding-bottom:3rem;animation:as-fade-up .35s cubic-bezier(.22,1,.36,1) both}.as-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.as-page-header__left{display:flex;align-items:center;gap:1rem}.as-avatar{width:48px;height:48px;border-radius:50%;background:#53B798;display:flex;align-items:center;justify-content:center;flex-shrink:0}.as-avatar span{font-size:1.2rem;font-weight:700;color:#101820;text-transform:uppercase;line-height:1}.as-page-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.2}.as-page-email{font-size:.8rem;color:#fff;opacity:.5;margin:.15rem 0 0}.as-section{display:flex;flex-direction:column;gap:.5rem}.as-section-heading{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.4;margin:0 0 .25rem .25rem}.as-card{background:#003D4C;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0000001f;transition:box-shadow .2s ease}.as-card:hover{box-shadow:0 4px 20px #0000002e}.as-card>.as-nav-row+.as-nav-row,.as-card>.as-lang-row+.as-nav-row,.as-card>.as-nav-row+.as-lang-row{border-top:1px solid rgba(255,255,255,.05)}.as-nav-row{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;text-align:left;color:#fff;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.as-nav-row:hover{background:rgba(255,255,255,.04)}.as-nav-row:hover .as-nav-row__chevron{opacity:1;transform:translate(3px)}.as-nav-row:focus-visible{outline:2px solid #53B798;outline-offset:-2px;border-radius:0}.as-nav-row:active{background:rgba(255,255,255,.07)}.as-nav-row__icon{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.as-nav-row__icon svg{width:17px;height:17px}.as-nav-row__icon--lang svg{width:17px;height:17px}.as-nav-row:hover .as-nav-row__icon{transform:scale(1.06)}.as-nav-row__body{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.as-nav-row__title{font-size:.9rem;font-weight:600;color:#fff;line-height:1.2}.as-nav-row__desc{font-size:.75rem;color:#fff;opacity:.5;line-height:1.4}.as-nav-row__meta{font-size:.72rem;font-weight:500;color:#53b798;margin-top:.1rem}.as-nav-row__chevron{width:16px;height:16px;opacity:.3;flex-shrink:0;transition:opacity .15s ease,transform .2s cubic-bezier(.22,1,.36,1)}.as-nav-row--security .as-nav-row__icon{background:rgba(99,102,241,.15);color:#818cf8}.as-nav-row--account .as-nav-row__icon{background:rgba(52,211,153,.12);color:#34d399}.as-lang-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#fff}.as-lang-row .as-nav-row__icon{background:rgba(251,191,36,.12);color:#fbbf24;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.as-lang-row .as-nav-row__icon svg{width:17px;height:17px}.as-lang-row .as-nav-row__body{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.as-lang-row .as-nav-row__title{font-size:.9rem;font-weight:600;color:#fff;line-height:1.2}.as-lang-row .as-nav-row__desc{font-size:.75rem;color:#fff;opacity:.5}.as-lang-selector-wrap{flex-shrink:0}.as-lang-selector-wrap button{background:rgba(255,255,255,.08)!important;border-color:#ffffff1f!important;color:#fff!important;border-radius:10px!important;font-size:.8rem!important;padding:.4rem .75rem!important;transition:background .15s ease,border-color .15s ease!important}.as-lang-selector-wrap button:hover{background:rgba(255,255,255,.14)!important;border-color:#fff3!important}.as-lang-selector-wrap button:focus{outline:2px solid #53B798!important;outline-offset:2px!important}.as-lang-selector-wrap button svg{color:#fff!important}.as-lang-selector-wrap>div>div:last-child{background:#00313d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;box-shadow:0 8px 24px #0000004d!important}.as-lang-selector-wrap>div>div:last-child button{color:#fff!important}.as-lang-selector-wrap>div>div:last-child button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}.as-card--appearance>.as-appearance-row+.as-theme-options{border-top:1px solid rgba(255,255,255,.05)}.as-appearance-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:#fff}.as-appearance-row .as-appearance-icon{width:38px;height:38px;border-radius:11px;background:rgba(59,181,134,.12);color:#53b798;display:flex;align-items:center;justify-content:center;flex-shrink:0}.as-appearance-row .as-appearance-icon svg{width:17px;height:17px}.as-theme-options{display:flex;gap:.6rem;padding:.75rem 1.25rem 1rem}.as-theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.8rem .5rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#fff;opacity:.6;cursor:pointer;font-family:var(--bd-font, sans-serif);transition:border-color .15s,background .15s,opacity .15s,box-shadow .15s}.as-theme-btn:hover{background:rgba(255,255,255,.08);opacity:.85}.as-theme-btn--active{border-color:#53b798;background:rgba(59,181,134,.12);opacity:1;box-shadow:0 0 0 3px #3bb58626}.as-theme-btn__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.06);color:#fff}.as-theme-btn__icon svg{width:16px;height:16px}.as-theme-btn--active .as-theme-btn__icon{background:rgba(59,181,134,.18);color:#53b798}.as-theme-btn__label{font-size:.72rem;font-weight:500;letter-spacing:.01em}html.light .as-page-header{border-bottom-color:#00000014}html.light .as-section-heading{color:#5a7a82;opacity:1}html.light .as-avatar{background:#2a9d74}html.light .as-avatar span{color:#fff}html.light .as-page-title{color:#0d1617}html.light .as-page-email{color:#5a7a82;opacity:1}html.light .as-card{background:#ffffff;border-color:#00000012;box-shadow:0 2px 10px #00000012}html.light .as-card:hover{box-shadow:0 4px 18px #0000001a}html.light .as-card>.as-nav-row+.as-nav-row,html.light .as-card>.as-lang-row+.as-nav-row,html.light .as-card>.as-nav-row+.as-lang-row{border-top-color:#0000000f}html.light .as-card--appearance>.as-appearance-row+.as-theme-options{border-top-color:#0000000f}html.light .as-nav-row{color:#0d1617}html.light .as-nav-row:hover{background:rgba(0,0,0,.03)}html.light .as-nav-row:active{background:rgba(0,0,0,.06)}html.light .as-nav-row__title{color:#0d1617}html.light .as-nav-row__desc{color:#5a7a82;opacity:1}html.light .as-nav-row__meta{color:#2a9d74}html.light .as-nav-row__chevron{color:#aaa}html.light .as-lang-row,html.light .as-lang-row .as-nav-row__title{color:#0d1617}html.light .as-lang-row .as-nav-row__desc{color:#5a7a82;opacity:1}html.light .as-appearance-row,html.light .as-appearance-row .as-nav-row__title{color:#0d1617}html.light .as-appearance-row .as-nav-row__desc{color:#5a7a82;opacity:1}html.light .as-appearance-row .as-appearance-icon{background:rgba(42,157,116,.1);color:#2a9d74}html.light .as-theme-btn{border-color:#0000001a;background:rgba(0,0,0,.03);color:#2c3e40}html.light .as-theme-btn:hover{background:rgba(0,0,0,.06)}html.light .as-theme-btn--active{border-color:#2a9d74;background:rgba(42,157,116,.09);box-shadow:0 0 0 3px #2a9d741f}html.light .as-theme-btn__icon{background:rgba(0,0,0,.05);color:#4a6068}html.light .as-theme-btn--active html.light .as-theme-btn__icon{background:rgba(42,157,116,.15);color:#2a9d74}html.light .as-theme-btn__label{color:#2c3e40}html.light .as-lang-selector-wrap button{background:rgba(0,0,0,.05)!important;border-color:#0000001f!important;color:#2c3e40!important}html.light .as-lang-selector-wrap button:hover{background:rgba(0,0,0,.09)!important}html.light .as-lang-selector-wrap button svg{color:#2c3e40!important}html.light .as-lang-selector-wrap>div>div:last-child{background:#ffffff!important;border-color:#0000001a!important;box-shadow:0 8px 24px #0000001f!important}html.light .as-lang-selector-wrap>div>div:last-child button{color:#2c3e40!important}html.light .as-lang-selector-wrap>div>div:last-child button:hover{background:rgba(42,157,116,.07)!important}@media (max-width: 600px){#account-settings.as-page{gap:1.1rem;padding-bottom:2rem}.as-lang-row{flex-wrap:wrap;gap:.75rem}.as-lang-row .as-lang-selector-wrap{width:100%}.as-nav-row{padding:.875rem 1rem;gap:.75rem}.as-nav-row__icon{width:34px;height:34px}}:root,.bd[data-theme=dark]{--bg: #001e29;--bg-grad: linear-gradient(135deg, #001e29 0%, #003D4C 100%);--hex-stroke: rgba(59,181,134,.18);--hex-dot: rgba(59,181,134,.28);--surface: #003D4C;--surface-2: #004d5e;--surface-3: #005a6d;--surface-strong: #006678;--border: rgba(255,255,255,.09);--border-strong: rgba(255,255,255,.15);--text: #e8f4f3;--text-2: #a8c8cc;--text-mute: #6d9098;--text-dim: #4d6870;--accent: #3BB586;--accent-2: #6bd6ad;--accent-soft: rgba(59,181,134,.18);--accent-glow: rgba(59,181,134,.32);--danger: #ff5d5d;--danger-soft: rgba(255,93,93,.16);--warn: #ffab40;--warn-soft: rgba(255,171,64,.16);--info: #4ea4f4;--shadow-card: 0 8px 20px rgba(0,0,0,.45);--shadow-card-hover: 0 2px 6px rgba(0,0,0,.16), 0 10px 28px rgba(0,0,0,.24);--tab-bg: rgba(255,255,255,.05);--status: #3BB586;--bd-font: "Ubuntu", -apple-system, system-ui, sans-serif;--bd-mono: "Ubuntu Mono", ui-monospace, monospace;--hex-opacity: .5}.bd[data-theme=light]{--bg: #f5f7f7;--bg-grad: linear-gradient(135deg, #f5f7f7 0%, #e8f4f3 100%);--hex-stroke: rgba(5,75,91,.12);--hex-dot: rgba(5,75,91,.2);--surface: #ffffff;--surface-2: #f0f4f4;--surface-3: #e8f1f1;--surface-strong: #d8e5e5;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.12);--text: #0d1617;--text-2: #4d5f60;--text-mute: #7a8b8c;--text-dim: #a8b9ba;--danger: #d63d3d;--danger-soft: rgba(214,61,61,.12);--warn: #e89b2a;--warn-soft: rgba(232,155,42,.12);--info: #2b7bd6;--shadow-card: 0 4px 12px rgba(0,0,0,.08);--shadow-card-hover: 0 2px 6px rgba(0,0,0,.06), 0 10px 24px rgba(0,0,0,.1);--tab-bg: rgba(0,0,0,.02);--hex-opacity: .42}.bd[data-accent=mint]{--accent: #3BB586;--accent-2: #6bd6ad;--accent-soft: rgba(59,181,134,.16);--accent-glow: rgba(59,181,134,.3)}.bd[data-accent=blue]{--accent: #3d8bf2;--accent-2: #6fa9f7;--accent-soft: rgba(61,139,242,.16);--accent-glow: rgba(61,139,242,.3)}.bd[data-accent=violet]{--accent: #9d7af2;--accent-2: #b8a0f7;--accent-soft: rgba(157,122,242,.16);--accent-glow: rgba(157,122,242,.3)}.bd[data-accent=amber]{--accent: #f2a93d;--accent-2: #f7c574;--accent-soft: rgba(242,169,61,.16);--accent-glow: rgba(242,169,61,.3)}:root{--dur-1: .12s;--dur-2: .15s;--dur-3: .18s;--dur-4: .22s;--dur-5: .25s;--dur-6: .3s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--radius-sm: 6px;--radius-md: 9px;--radius-lg: 12px;--radius-xl: 16px;--focus-ring: 0 0 0 3px var(--accent-glow, rgba(59,181,134,.32))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%}.bd{background:var(--bg);color:var(--text);font-family:var(--bd-font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{position:relative;overflow:hidden}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:.5rem}h1{font-size:3.5rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--text-2);margin-bottom:1rem}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-2)}.btn{padding:.875rem 1.75rem;border:none;border-radius:var(--radius-xl);font-family:var(--bd-font);font-weight:600;font-size:1rem;cursor:pointer;transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out),background var(--dur-2) ease,opacity var(--dur-2) ease;display:inline-flex;align-items:center;gap:.5rem}.btn:active{transform:scale(.98);transition-duration:var(--dur-1)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-2);transform:translateY(-2px);box-shadow:0 12px 24px var(--accent-glow)}.btn-secondary{border:2px solid var(--accent);color:var(--accent);background:transparent}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-lg{padding:1rem 2.5rem;font-size:1.125rem}.sticky-header{position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(0,61,76,.88);border-bottom:1px solid var(--border)}.bd[data-theme=light] .sticky-header{background:rgba(255,255,255,.85)}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo-section{display:flex;align-items:center;gap:1rem;color:var(--accent)}nav{display:flex;gap:5px;flex:1}nav a{font-weight:500;color:var(--text);transition:color .2s ease;opacity:.85}nav a:hover{color:var(--accent);opacity:1}.header-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.theme-toggle{background:var(--surface);border:none;width:40px;height:40px;border-radius:9px;color:var(--text);cursor:pointer;transition:background var(--dur-3) ease,color var(--dur-3) ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--surface-2);color:var(--accent)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;width:24px}.menu-toggle span{width:24px;height:2px;background:var(--text);border-radius:1px;transition:transform var(--dur-6) var(--ease-out),opacity var(--dur-3) ease}.theme-selector{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem}.theme-btn{background:var(--surface);border:1px solid var(--border-strong);width:40px;height:40px;min-width:40px;min-height:40px;border-radius:9px;cursor:pointer;font-size:20px;transition:background var(--dur-3) ease,border-color var(--dur-3) ease;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.theme-btn:hover{background:var(--surface-2);border-color:var(--accent)}.accent-menu{position:relative;display:flex;align-items:center;justify-content:center}.accent-btn{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;border:2px solid var(--text);cursor:pointer;transition:transform var(--dur-3) var(--ease-out),box-shadow var(--dur-3) var(--ease-out);padding:0;flex-shrink:0;box-shadow:0 2px 8px #0003}.accent-btn:hover{transform:scale(1.15);box-shadow:0 4px 16px #0000004d}.accent-picker{position:absolute;top:100%;right:-50%;margin-top:.75rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:.75rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;z-index:1001;box-shadow:var(--shadow-card);min-width:120px}.accent-option{width:40px;height:40px;border-radius:8px;border:3px solid transparent;cursor:pointer;transition:transform var(--dur-3) var(--ease-out),filter var(--dur-3) ease,box-shadow var(--dur-3) ease;padding:0;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.accent-option[data-accent=mint]{background:linear-gradient(135deg,#6bd6ad,#3BB586)}.accent-option[data-accent=blue]{background:linear-gradient(135deg,#6fa9f7,#3d8bf2)}.accent-option[data-accent=violet]{background:linear-gradient(135deg,#b8a0f7,#9d7af2)}.accent-option[data-accent=amber]{background:linear-gradient(135deg,#f7c574,#f2a93d)}.accent-option:hover{transform:scale(1.12);filter:brightness(1.1)}.accent-option.active{border-color:var(--text);box-shadow:0 0 0 3px var(--surface),inset 0 0 0 2px var(--text)}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;overflow:hidden;background:var(--bg-grad)}.bd-hex-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--hex-opacity)}.hero-content{max-width:800px;position:relative;z-index:1;text-align:center;animation:slideUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent-soft);border-radius:100px;color:var(--accent);font-weight:600;font-size:.875rem;margin-bottom:2rem;animation:slideUp .8s ease-out .1s both}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;animation:slideUp .8s ease-out .2s both}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-2);margin-bottom:2rem;animation:slideUp .8s ease-out .3s both}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0;animation:slideUp .8s ease-out .4s both}.stat{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem;background:var(--surface);border-radius:18px;border:1px solid var(--border)}.stat svg{color:var(--accent);flex-shrink:0;margin-top:.25rem}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-mute);margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:700;color:var(--accent)}.cta-buttons{display:flex;gap:1rem;justify-content:center;animation:slideUp .8s ease-out .5s both;flex-wrap:wrap}section{margin:0 auto;position:relative;z-index:1}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{font-size:1.125rem;color:var(--text-2)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.product-card{padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform var(--dur-4) var(--ease-out),border-color var(--dur-4) ease,box-shadow var(--dur-4) var(--ease-out);text-align:center}.product-card:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:var(--shadow-card)}.product-card svg{color:var(--accent);margin-bottom:1rem}.product-card h3{margin-bottom:1rem}.features{position:relative}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;position:relative;z-index:1}.feature-box{padding:2rem;background:var(--accent-soft);border-radius:18px;border:1px solid rgba(59,181,134,.2)}.feature-box svg{color:var(--accent);margin-bottom:1rem}.feature-box h3{margin-bottom:.75rem}.cta-section{padding:5rem 2rem;text-align:center;background:var(--surface);border-radius:24px}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.news-featured{grid-column:1;grid-row:1 / 3;padding:2rem;background:linear-gradient(135deg,var(--accent-soft),var(--surface));border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;justify-content:space-between}.news-featured svg{color:var(--accent)}.news-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;transition:transform var(--dur-4) var(--ease-out),border-color var(--dur-4) ease}.news-card:hover{border-color:var(--accent);transform:translateY(-4px)}.news-card svg{color:var(--accent);margin-bottom:.75rem}.news-card time{display:block;font-size:.875rem;color:var(--text-mute);margin-top:1rem}.newsletter{background:var(--surface);border-radius:24px;padding:3rem 2rem;text-align:center}.newsletter-content h2{margin-bottom:1rem}.newsletter-content p{margin-bottom:2rem}.newsletter-form{display:flex;gap:1rem;max-width:400px;margin:0 auto;flex-wrap:wrap;justify-content:center}.newsletter-form input{flex:1;min-width:200px;padding:.875rem 1.25rem;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;font-family:var(--bd-font);transition:border-color var(--dur-3) ease,background var(--dur-3) ease}.newsletter-form input:focus{outline:none;border-color:var(--accent);background:var(--surface-3)}.footer{background:var(--surface);border-top:1px solid var(--border);padding:4rem 2rem 2rem;margin-top:5rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h4{margin-bottom:1rem;color:var(--text)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:var(--text-2);font-size:.875rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:9px;transition:background var(--dur-3) ease,color var(--dur-3) ease}.social-links a:hover{background:var(--accent-soft);color:var(--accent)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:var(--text-mute);font-size:.875rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 860px){.menu-toggle{display:flex}nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--surface);border-bottom:1px solid var(--border)}nav.open{display:flex}nav a{padding:1rem 2rem;border-bottom:1px solid var(--border)}h1{font-size:2rem}h2{font-size:1.75rem}.hero{min-height:600px;padding:2rem}.hero-title{font-size:2rem}.hero-stats{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:1rem}.btn{width:100%;justify-content:center}.news-grid{grid-template-columns:1fr}.news-featured{grid-column:1;grid-row:auto}.newsletter-form{flex-direction:column}.newsletter-form input{min-width:100%}}@media (max-width: 480px){.header-container{padding:1rem}nav{margin-left:1rem}section{padding:2rem 1rem}.hero{padding:1rem}.hero-title,h1{font-size:1.5rem}h2{font-size:1.25rem}.products-grid,.features-grid,.footer-content{grid-template-columns:1fr}}.bd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:100%;font-weight:700;position:relative;flex-shrink:0;font-family:var(--bd-font)}.bd-avatar .badge{position:absolute;bottom:0;right:0;width:28%;height:28%;background:var(--status);border:2px solid var(--bg);border-radius:100%}.bd-avatar .badge.off{background:var(--text-mute)}@media (max-width: 860px){.theme-selector{gap:.5rem}.accent-picker{right:auto;left:50%;transform:translate(-50%)}}@media (max-width: 480px){.theme-selector{gap:.5rem}.theme-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:18px}.accent-btn{width:24px;height:24px;min-width:24px;min-height:24px}.accent-picker{right:auto;left:50%;transform:translate(-50%);margin-top:.5rem}.accent-option{width:36px;height:36px}}