@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";*,: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: }*,: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:Geist,system-ui,sans-serif;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:Geist Mono,SF Mono,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]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.-end-0\.5{inset-inline-end:-.125rem}.-top-0\.5{top:-.125rem}.-top-2\.5{top:-.625rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.end-0{inset-inline-end:0px}.end-2{inset-inline-end:.5rem}.end-3{inset-inline-end:.75rem}.end-4{inset-inline-end:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:.625rem}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.start-3{inset-inline-start:.75rem}.start-4{inset-inline-start:1rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-3{top:.75rem}.top-\[20\%\]{top:20%}.top-\[2px\]{top:2px}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2 / span 2}.-m-6{margin:-1.5rem}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-1\.5{margin-inline-end:.375rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.ms-1{margin-inline-start:.25rem}.ms-1\.5{margin-inline-start:.375rem}.ms-2{margin-inline-start:.5rem}.ms-auto{margin-inline-start:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{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}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[14px\]{height:14px}.h-\[200px\]{height:200px}.h-\[2px\]{height:2px}.h-\[30px\]{height:30px}.h-\[3px\]{height:3px}.h-\[4px\]{height:4px}.h-\[7px\]{height:7px}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-80{max-height:20rem}.max-h-\[180px\]{max-height:180px}.max-h-\[200px\]{max-height:200px}.max-h-\[320px\]{max-height:320px}.max-h-\[600px\]{max-height:600px}.min-h-\[60vh\]{min-height:60vh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[256px\]{width:256px}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[360px\]{width:360px}.w-\[40px\]{width:40px}.w-\[460px\]{width:460px}.w-\[480px\]{width:480px}.w-\[52px\]{width:52px}.w-\[7px\]{width:7px}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-\[180px\]{min-width:180px}.min-w-\[220px\]{min-width:220px}.min-w-\[240px\]{min-width:240px}.min-w-\[260px\]{min-width:260px}.min-w-\[28px\]{min-width:28px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[300px\]{max-width:300px}.max-w-\[400px\]{max-width:400px}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;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-y-1\/2{--tw-translate-y: -50%;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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_100px\]{grid-template-columns:1fr 100px}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-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))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.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}.\!border{border-width:1px!important}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-s{border-inline-start-width:1px}.border-t{border-top-width:1px}.border-t-current{border-top-color:currentColor}.bg-\[var\(--bg-elevated\)\]{background-color:var(--bg-elevated)}.bg-\[var\(--bg-raised\)\]{background-color:var(--bg-raised)}.bg-\[var\(--warning-ghost\)\]{background-color:var(--warning-ghost)}.bg-black\/30{background-color:#0000004d}.bg-black\/50{background-color:#00000080}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.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}.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-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-1\.5{padding-bottom:.375rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pe-10{padding-inline-end:2.5rem}.pe-3{padding-inline-end:.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.ps-9{padding-inline-start:2.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-right{text-align:right}.text-end{text-align:end}.font-\[inherit\]{font-family:inherit}.font-mono{font-family:Geist Mono,SF Mono,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.accent-\[var\(--primary\)\]{accent-color:var(--primary)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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}.blur{--tw-blur: blur(8px);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)}.\!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)!important}.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,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}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary: #4da8b2;--primary-hover: #5cbbc5;--primary-active: #6bccd5;--primary-ghost: rgba(77,168,178,.12);--primary-ghost-hover: rgba(77,168,178,.18);--primary-text: #5cbbc5;--primary-border: rgba(77,168,178,.28);--primary-glow: rgba(77,168,178,.3);--primary-soft-bg: rgba(77,168,178,.1);--primary-contrast: #ffffff;--gradient-brand: linear-gradient(135deg, #4da8b2 0%, #2c6b72 100%);--bg-base: #0b0d11;--bg-surface: #10131a;--bg-raised: #161a22;--bg-overlay: #1a1e28;--bg-elevated: #1a1e28;--bg-card: #10131a;--bg-subtle: #10131a;--bg-muted: #161a22;--bg-hover: rgba(255,255,255,.04);--bg-active: rgba(255,255,255,.07);--bg-selected: rgba(77,168,178,.08);--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.13);--border-subtle: rgba(255,255,255,.04);--border-accent: rgba(77,168,178,.28);--text-primary: #e8eaed;--text-secondary: rgba(255,255,255,.58);--text-tertiary: rgba(255,255,255,.36);--text-disabled: rgba(255,255,255,.2);--text-inverse: #0b0d11;--success: #34d399;--success-ghost: rgba(52,211,153,.08);--success-border: rgba(52,211,153,.2);--success-text: #34d399;--warning: #fbbf24;--warning-ghost: rgba(251,191,36,.08);--warning-border: rgba(251,191,36,.2);--warning-text: #fbbf24;--danger: #f87171;--danger-ghost: rgba(248,113,113,.08);--danger-border: rgba(248,113,113,.2);--danger-text: #f87171;--info: #60a5fa;--info-ghost: rgba(96,165,250,.08);--info-border: rgba(96,165,250,.2);--info-text: #60a5fa;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-ar: "IBM Plex Sans Arabic", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Geist Mono", "SF Mono", "Cascadia Code", monospace;--text-2xl: 28px;--text-xl: 22px;--text-lg: 16px;--text-md: 14px;--text-base: 13px;--text-sm: 12px;--text-xs: 11px;--text-2xs: 10px;--sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sidebar-w: 248px;--sidebar-width: 248px;--sidebar-w-collapsed: 56px;--header-h: 52px;--topbar-height: 52px;--nav-bg: rgba(11,13,17,.82);--nav-bg-hover: rgba(255,255,255,.06);--nav-bg-active: rgba(255,255,255,.1);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.35);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.45);--shadow-lg: 0 8px 30px rgba(0,0,0,.55);--shadow-xl: 0 20px 60px rgba(0,0,0,.65);--shadow-glow: 0 0 20px rgba(77,168,178,.18), 0 0 3px rgba(77,168,178,.3);--shadow-inset: inset 0 1px 0 0 rgba(255,255,255,.04);--shadow-inset-subtle: inset 0 .5px 0 0 rgba(255,255,255,.03);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s}[data-theme=light]{--nav-bg: rgba(255,255,255,.82);--nav-bg-hover: rgba(0,0,0,.04);--nav-bg-active: rgba(0,0,0,.07);--bg-base: #ffffff;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-overlay: #ffffff;--bg-elevated: #ffffff;--bg-card: #ffffff;--bg-subtle: #f9fafb;--bg-muted: #f3f4f6;--bg-hover: rgba(0,0,0,.03);--bg-active: rgba(0,0,0,.06);--bg-selected: rgba(77,161,169,.05);--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.14);--border-subtle: rgba(0,0,0,.04);--border-accent: rgba(61,144,153,.24);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--text-inverse: #ffffff;--success: #16a34a;--success-ghost: rgba(22,163,74,.06);--success-border: rgba(22,163,74,.18);--success-text: #15803d;--warning: #d97706;--warning-ghost: rgba(217,119,6,.06);--warning-border: rgba(217,119,6,.18);--warning-text: #b45309;--danger: #dc2626;--danger-ghost: rgba(220,38,38,.06);--danger-border: rgba(220,38,38,.18);--danger-text: #b91c1c;--info: #2563eb;--info-ghost: rgba(37,99,235,.06);--info-border: rgba(37,99,235,.18);--info-text: #1d4ed8;--primary: #3d9099;--primary-hover: #347d85;--primary-active: #2c6b72;--primary-text: #2f7a82;--primary-ghost: rgba(61,144,153,.07);--primary-ghost-hover: rgba(61,144,153,.13);--primary-border: rgba(61,144,153,.24);--primary-glow: rgba(61,144,153,.18);--primary-soft-bg: rgba(61,144,153,.06);--primary-contrast: #ffffff;--gradient-brand: linear-gradient(135deg, #3d9099 0%, #2c6b72 100%);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 30px rgba(0,0,0,.09), 0 2px 8px rgba(0,0,0,.04);--shadow-xl: 0 20px 60px rgba(0,0,0,.12), 0 4px 16px rgba(0,0,0,.05);--shadow-glow: 0 0 20px rgba(61,144,153,.18), 0 0 3px rgba(61,144,153,.3);--shadow-inset: inset 0 1px 0 0 rgba(255,255,255,.6)}:root{--font-body: var(--font-sans)}[dir=rtl],html[lang=ar],[lang=ar]{--font-body: var(--font-ar)}html[lang=ar],html[lang=ar] *:not(code):not(pre):not(.font-mono):not(kbd):not(samp),[dir=rtl],[dir=rtl] *:not(code):not(pre):not(.font-mono):not(kbd):not(samp){font-family:var(--font-ar)}code,pre,.font-mono,kbd,samp{direction:ltr;font-family:var(--font-mono);unicode-bidi:isolate}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);font-size:13px;line-height:1.5;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (scrollbar-width: thin){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}[dir="rtl"] @keyframes toast-in{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-in{animation:fadeInUp .35s var(--ease-out) both}.animate-fade{animation:fadeIn .25s var(--ease-out) both}.animate-scale-in{animation:scaleIn .2s var(--ease-out) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .15s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)!important}.btn-press:active:not(:disabled){transform:scale(.975)}select{font-family:var(--font-body);font-size:13px;height:32px;padding:0 28px 0 10px;background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;transition:border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}[dir=rtl] select{padding:0 10px 0 28px;background-position:left 10px center!important}select:hover{border-color:var(--text-tertiary)}select:focus,select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-muted)}select option{background-color:var(--bg-overlay);color:var(--text-primary)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);cursor:pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=submit]):not([type=button]):not([type=image]):not([type=reset]),textarea{font-family:var(--font-body);color:var(--text-primary);caret-color:var(--primary)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}button:focus-visible,[role=button]:focus-visible,[role=menuitem]:focus-visible,[role=option]:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.bg-black\/40,.bg-black\/50,.bg-black\/60{background-color:var(--overlay-bg, rgba(0,0,0,.55))!important;backdrop-filter:blur(4px) saturate(1.1);-webkit-backdrop-filter:blur(4px) saturate(1.1)}:root{--overlay-bg: rgba(0,0,0,.65)}[data-theme=light]{--overlay-bg: rgba(0,0,0,.45)}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:10px;height:34px;margin-bottom:2px;padding-inline:10px;border-radius:6px;font-size:13px;font-weight:400;color:var(--text-secondary);text-decoration:none;letter-spacing:-.003em;transition:background .12s var(--ease-out),color .12s var(--ease-out);outline:none}.sidebar-nav-item>.sidebar-nav-icon{color:var(--text-tertiary);flex-shrink:0;transition:color .12s var(--ease-out)}.sidebar-nav-item:hover{background:var(--nav-bg-hover);color:var(--text-primary)}.sidebar-nav-item:hover>.sidebar-nav-icon{color:var(--primary)}.sidebar-nav-item.is-active{background:var(--nav-bg-active);color:var(--text-primary);font-weight:550}.sidebar-nav-item.is-active>.sidebar-nav-icon{color:var(--primary)}.sidebar-nav-item.is-collapsed{justify-content:center;padding-inline:0}.sidebar-nav-item:focus-visible{box-shadow:0 0 0 2px var(--primary)}.sidebar-nav-item .sidebar-nav-accent{position:absolute;inset-inline-start:0;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--primary)}.sidebar-nav-item.is-collapsed .sidebar-nav-accent{inset-inline-start:4px}.sidebar-section-label{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:20px 10px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sidebar-section-divider{height:1px;margin:10px 12px 8px;background:var(--border)}.sidebar-ghost-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-tertiary);cursor:pointer;border-radius:6px;transition:background .12s var(--ease-out),color .12s var(--ease-out)}.sidebar-ghost-btn:hover{background:var(--nav-bg-hover);color:var(--text-primary)}.sidebar-account-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:0;cursor:pointer;text-align:start;border-radius:0;transition:background .12s var(--ease-out)}.sidebar-account-trigger:hover{background:var(--nav-bg-hover)}.sidebar-account-trigger.is-collapsed{justify-content:center;padding:10px 0}.sidebar-mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:55;transition:opacity .2s var(--ease-out)}[data-theme=light] .sidebar-mobile-backdrop{background:#00000059}.sidebar-mobile-drawer{position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:60;display:flex;flex-direction:column;background:var(--bg-surface);border-inline-end:1px solid var(--border);box-shadow:var(--shadow-lg);transition:transform .24s var(--ease-out)}@media (prefers-reduced-motion: reduce){.animate-in,.animate-fade,.animate-scale-in{animation:none!important}.card-hover:hover,.btn-press:active{transform:none}}@media (max-width: 1100px){.ed-detail-grid{grid-template-columns:1fr!important;gap:16px!important}.ed-detail-grid>:last-child{order:-1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(77,168,178,.06),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(77,168,178,.04),transparent 70%)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(77,168,178,.05),transparent 70%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(77,168,178,.03),transparent 70%)}#root{position:relative;z-index:1}.card-interactive{transition:transform var(--duration-medium) var(--ease-out),border-color var(--duration-medium) var(--ease-out),box-shadow var(--duration-medium) var(--ease-out),background var(--duration-medium) var(--ease-out)}.card-interactive:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:0 4px 16px #0003,0 1px #ffffff05 inset}[data-theme=light] .card-interactive:hover{box-shadow:0 4px 16px #0f172a14,0 1px #fff9 inset}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;color:var(--text-tertiary);font-size:13px}.empty-state .empty-state-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:radial-gradient(circle at center,var(--primary-ghost),transparent 70%);color:var(--primary-text);margin-bottom:4px}.empty-state .empty-state-title{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:-.005em}.empty-state .empty-state-body{max-width:360px;line-height:1.55}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 currentColor;opacity:1}50%{box-shadow:0 0 0 6px transparent;opacity:.75}}.btn-press{transition:transform 80ms var(--ease-out),box-shadow 80ms var(--ease-out)}.btn-press:active:not(:disabled){transform:translateY(1px)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 0%,var(--bg-hover) 50%,var(--bg-muted) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s linear infinite;border-radius:var(--radius-sm, 4px)}a.link-underline{position:relative;display:inline-block}a.link-underline:after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:inset-inline-start;transition:transform .16s var(--ease-out)}a.link-underline:hover:after{transform:scaleX(1)}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}main>*{animation:page-enter .26s var(--ease-out) both}@media (prefers-reduced-motion: reduce){main>*{animation:none!important}}h1,h2,h3{letter-spacing:-.018em}.stat-tile{position:relative;overflow:hidden}.stat-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%)}[data-theme=light] .stat-tile:before{background:linear-gradient(180deg,rgba(255,255,255,.6),transparent 40%)}main [class*="hover:bg-[var(--bg-hover)]"],main [class*=cursor-pointer][class*=border]{transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-medium) var(--ease-out),transform var(--duration-medium) var(--ease-out)}main table tbody tr{transition:background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}main table tbody tr:hover{box-shadow:inset 2px 0 0 var(--primary)}[dir=rtl] main table tbody tr:hover{box-shadow:inset -2px 0 0 var(--primary)}main p+p,main .py-8,main .py-12,main .py-16{line-height:1.55}button[style*="var(--primary)"]:not(:disabled):hover{box-shadow:0 4px 14px var(--primary-glow)}button[style*="var(--danger)"]:not(:disabled):hover{box-shadow:0 4px 14px #f8717140}span[class*=rounded-full]{font-variant-numeric:tabular-nums}input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:0 0 0 3px var(--primary-ghost)}[class*=fixed][class*=z-50]>[class*=rounded-2xl],[class*=fixed][class*=z-50]>[class*=rounded-xl][class*=border],[class*=fixed][class*=z-50] [class*="w-\\["]{box-shadow:0 24px 64px #00000073,0 2px #ffffff08 inset;animation:modal-enter .18s var(--ease-out) both}[data-theme=light] [class*=fixed][class*=z-50]>[class*=rounded-2xl],[data-theme=light] [class*=fixed][class*=z-50]>[class*=rounded-xl][class*=border]{box-shadow:0 24px 64px #0f172a2e,0 2px #ffffffb3 inset}@keyframes modal-enter{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}main .rounded-xl>div:first-child:not([class*=grid])>span[class*=font-semibold],main .rounded-xl>div:first-child:not([class*=grid])>span[class*=font-bold]{letter-spacing:-.005em}main [class*=grid]>[class*=rounded-xl][class*=border],main [class*=grid]>[class*=rounded-lg][class*=border]{position:relative;overflow:hidden}main [class*=grid]>[class*=rounded-xl][class*=border]:after,main [class*=grid]>[class*=rounded-lg][class*=border]:after{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}[data-theme=light] main [class*=grid]>[class*=rounded-xl][class*=border]:after,[data-theme=light] main [class*=grid]>[class*=rounded-lg][class*=border]:after{background:linear-gradient(90deg,transparent,rgba(15,23,42,.08),transparent)}main .py-8.text-center,main .py-12.text-center,main .py-16.text-center,main .py-6.text-center{position:relative}.empty-state{animation:fadeIn .28s var(--ease-out) both}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-\[var\(--primary\)\]:focus-within{border-color:var(--primary)}.hover\:border-\[var\(--border-strong\)\]:hover{border-color:var(--border-strong)}.hover\:border-\[var\(--primary\)\]:hover{border-color:var(--primary)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-\[var\(--danger-ghost\)\]:hover{background-color:var(--danger-ghost)}.hover\:text-\[var\(--text-primary\)\]:hover{color:var(--text-primary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-sm:hover{--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)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:border-\[var\(--primary\)\]:focus{border-color:var(--primary)}.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-\[var\(--primary\)\]:focus-visible{--tw-ring-color: var(--primary)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;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))}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;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))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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))}.group:hover .group-hover\:\!text-\[var\(--danger\)\]{color:var(--danger)!important}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (min-width: 768px){.md\:inline{display:inline}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-\[1fr_300px\]{grid-template-columns:1fr 300px}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}[lang=ar] body,[dir=rtl] body,html[lang=ar],html[lang=ar] *{font-family:IBM Plex Sans Arabic,Inter,-apple-system,system-ui,sans-serif}[lang=ar] .font-mono,[dir=rtl] .font-mono,[lang=ar] .code-block pre,[dir=rtl] .code-block pre,[lang=ar] .code-header,[dir=rtl] .code-header{font-family:JetBrains Mono,SF Mono,monospace;direction:ltr;text-align:left}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:root{color-scheme:light;--bg:#ffffff;--bg-subtle:#f9fafb;--bg-muted:#f3f4f6;--bg-card:#ffffff;--bg-elevated:#ffffff;--bg-dark:#1a1d21;--bg-darker:#12141a;--bg-darkest:#0a0c10;--bg-hover:rgba(0,0,0,.03);--bg-active:rgba(0,0,0,.06);--bg-selected:rgba(77,161,169,.05);--text:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-muted:#d1d5db;--text-inverse:#ffffff;--border:rgba(0,0,0,.08);--border-strong:rgba(0,0,0,.14);--border-subtle:rgba(0,0,0,.04);--primary:#3d9099;--primary-hover:#347d85;--primary-active:#2c6b72;--primary-ghost:rgba(61,144,153,.07);--primary-border:rgba(61,144,153,.24);--primary-soft-bg:rgba(61,144,153,.06);--primary-text:#2f7a82;--primary-contrast:#ffffff;--primary-shadow:rgba(61,144,153,.35);--accent:var(--primary);--accent-light:#5cbac3;--accent-ghost:var(--primary-ghost);--accent-border:var(--primary-border);--accent-text:var(--primary-text);--success:#16a34a;--success-bg:rgba(22,163,74,.06);--success-border:rgba(22,163,74,.18);--success-text:#15803d;--success-soft:#f0fdf4;--warning:#d97706;--warning-bg:rgba(217,119,6,.06);--warning-border:rgba(217,119,6,.18);--warning-text:#b45309;--warning-soft:#fffbeb;--danger:#dc2626;--danger-bg:rgba(220,38,38,.06);--danger-border:rgba(220,38,38,.18);--danger-text:#b91c1c;--danger-soft:#fef2f2;--info:#2563eb;--info-bg:rgba(37,99,235,.06);--info-border:rgba(37,99,235,.18);--info-text:#1d4ed8;--info-soft:#eff6ff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--font-ar:"IBM Plex Sans Arabic","Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Cascadia Code",monospace;--sp-0:0;--sp-px:1px;--sp-0\.5:2px;--sp-1:4px;--sp-1\.5:6px;--sp-2:8px;--sp-2\.5:10px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--container:1200px;--container-narrow:800px;--sidebar-w:260px;--header-h:56px;--page-px:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.07),0 1px 3px rgba(0,0,0,.04);--shadow-lg:0 8px 30px rgba(0,0,0,.09),0 2px 8px rgba(0,0,0,.04);--shadow-xl:0 20px 60px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.05);--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.4,0,1,1);--duration-fast:.15s;--duration:.2s;--duration-slow:.3s;--nav-bg:rgba(255,255,255,.82);--nav-border:var(--border);--overlay-bg:rgba(0,0,0,.45);--code-bg:#1a1d24;--code-border:rgba(255,255,255,.06);--code-text:rgba(255,255,255,.82);--code-kw:#7dd3c0;--code-str:#86efac;--code-fn:#7dd3fc;--code-cm:rgba(255,255,255,.28);--code-num:#fbbf24}[data-theme=dark]{color-scheme:dark;--bg:#0b0d11;--bg-subtle:#10131a;--bg-muted:#161a22;--bg-card:#10131a;--bg-elevated:#1a1e28;--bg-dark:#0b0d11;--bg-darker:#080a0e;--bg-darkest:#050709;--bg-hover:rgba(255,255,255,.04);--bg-active:rgba(255,255,255,.07);--bg-selected:rgba(77,161,169,.08);--text:#e8eaed;--text-secondary:rgba(255,255,255,.58);--text-tertiary:rgba(255,255,255,.36);--text-muted:rgba(255,255,255,.2);--text-inverse:#0b0d11;--border:rgba(255,255,255,.07);--border-strong:rgba(255,255,255,.13);--border-subtle:rgba(255,255,255,.04);--primary:#4da8b2;--primary-hover:#5cbbc5;--primary-active:#6bccd5;--primary-ghost:rgba(77,168,178,.12);--primary-border:rgba(77,168,178,.28);--primary-soft-bg:rgba(77,168,178,.1);--primary-text:#5cbbc5;--primary-contrast:#ffffff;--primary-shadow:rgba(77,168,178,.3);--accent:var(--primary);--accent-light:#6fcdd6;--accent-ghost:var(--primary-ghost);--accent-border:var(--primary-border);--accent-text:var(--primary-text);--success:#34d399;--success-bg:rgba(52,211,153,.08);--success-border:rgba(52,211,153,.2);--success-text:#34d399;--success-soft:rgba(52,211,153,.06);--warning:#fbbf24;--warning-bg:rgba(251,191,36,.08);--warning-border:rgba(251,191,36,.2);--warning-text:#fbbf24;--warning-soft:rgba(251,191,36,.06);--danger:#f87171;--danger-bg:rgba(248,113,113,.08);--danger-border:rgba(248,113,113,.2);--danger-text:#f87171;--danger-soft:rgba(248,113,113,.06);--info:#60a5fa;--info-bg:rgba(96,165,250,.08);--info-border:rgba(96,165,250,.2);--info-text:#60a5fa;--info-soft:rgba(96,165,250,.06);--shadow-xs:0 1px 2px rgba(0,0,0,.35);--shadow-sm:0 1px 3px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 8px 30px rgba(0,0,0,.55);--shadow-xl:0 20px 60px rgba(0,0,0,.65);--nav-bg:rgba(11,13,17,.82);--nav-border:rgba(255,255,255,.07);--overlay-bg:rgba(0,0,0,.65);--code-bg:#0d0f14;--code-border:rgba(255,255,255,.05)}body{background:var(--bg);color:var(--text);min-height:100vh}::-moz-selection{background:#3d90992e;color:var(--text)}::selection{background:#3d90992e;color:var(--text)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@supports (scrollbar-width:thin){*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}}.ds-nav{position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--nav-border)}.ds-nav-inner{max-width:var(--container);margin:0 auto;display:flex;align-items:center;height:64px;padding:0 var(--page-px);gap:var(--sp-2)}.ds-nav-logo{display:flex;align-items:center;gap:var(--sp-2\.5);font-weight:700;font-size:17px;letter-spacing:-.03em;color:var(--text);text-decoration:none}[dir=rtl] .ds-nav-logo{margin-left:var(--sp-8);margin-right:0}[dir=ltr] .ds-nav-logo,.ds-nav-logo{margin-right:var(--sp-8)}.ds-nav-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;box-shadow:0 1px 3px var(--primary-shadow)}.ds-nav-links{display:flex;align-items:center;gap:var(--sp-1);flex:1}.ds-nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);padding:var(--sp-1\.5) var(--sp-3);border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease);border:none;background:none;text-decoration:none}.ds-nav-link:hover,.ds-nav-link.active{color:var(--text);background:var(--bg-muted)}.ds-nav-actions{display:flex;align-items:center;gap:var(--sp-1\.5)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.theme-toggle:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}.lang-toggle{height:32px;padding:0 var(--sp-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease);font-family:var(--font-sans)}.lang-toggle:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border-strong)}.ds-nav-mobile{display:none;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1\.5);border:none;font-family:inherit;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all var(--duration-fast) var(--ease);line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active:not(:disabled){transform:translateY(1px) scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn svg{flex-shrink:0}.btn-sm{height:30px;padding:0 10px;font-size:13px;border-radius:var(--radius-sm);gap:5px}.btn-md{height:34px;padding:0 14px;font-size:13px;border-radius:var(--radius-md);font-weight:500}.btn-lg{height:38px;padding:0 18px;font-size:14px;border-radius:var(--radius-md);font-weight:500}.btn-xl{height:42px;padding:0 22px;font-size:14px;border-radius:var(--radius-lg);font-weight:600}.btn-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);color:var(--primary-contrast);border:1px solid var(--primary-hover);box-shadow:0 1px 2px var(--primary-shadow),inset 0 1px #ffffff1f}.btn-primary:hover{background:linear-gradient(180deg,var(--primary-hover) 0%,var(--primary-active) 100%);border-color:var(--primary-active);box-shadow:0 3px 10px var(--primary-shadow),inset 0 1px #ffffff24;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--primary-active);box-shadow:0 1px 2px #0000001f,inset 0 2px 4px #00000026;transform:translateY(0) scale(.98)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border-strong);box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--border-strong);box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:var(--bg-muted);box-shadow:none;transform:translateY(0) scale(.98)}.btn-soft{background:var(--primary-soft-bg);color:var(--primary-text);border:1px solid var(--primary-border)}.btn-soft:hover{background:var(--primary-ghost);border-color:var(--primary-border);box-shadow:0 2px 8px #3d909914}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background:var(--bg-muted);color:var(--text)}.btn-ghost:active:not(:disabled){background:var(--bg-active)}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-subtle{background:var(--bg-muted);color:var(--text-secondary);border:none}.btn-subtle:hover{background:var(--bg-active);color:var(--text)}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;border:1px solid #b91c1c;box-shadow:0 1px 2px #dc262640,inset 0 1px #ffffff1a}.btn-danger:hover{background:linear-gradient(180deg,#dc2626,#b91c1c);box-shadow:0 3px 10px #dc26264d,inset 0 1px #ffffff1a;transform:translateY(-1px)}[data-theme=dark] .btn-danger{background:linear-gradient(180deg,#f87171,#ef4444);border-color:#f871714d;box-shadow:0 1px 2px #f8717133,inset 0 1px #ffffff0f}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.btn-icon.btn-sm{width:32px;height:32px}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary .spinner{border-color:var(--border-strong);border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.pill-group{display:inline-flex;background:var(--bg-muted);border-radius:var(--radius-full);padding:3px;gap:2px}.pill-btn{height:28px;padding:0 14px;font-size:13px;font-weight:500;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease);font-family:inherit;cursor:pointer}.pill-btn:hover{color:var(--text)}.pill-btn.active{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}.input{font-family:inherit;font-size:14px;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);outline:none;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);box-shadow:0 1px 2px #0000000a;width:100%}.input::-moz-placeholder{color:var(--text-tertiary)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--text-tertiary)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost),0 0 0 1px var(--primary)}.input:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-muted)}.input-md{height:36px;padding:0 var(--sp-3)}.input-lg{height:40px;padding:0 var(--sp-4)}.input-error{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px var(--danger-bg),var(--shadow-xs)}.input-success{border-color:var(--success)!important}.input-success:focus{box-shadow:0 0 0 3px var(--success-bg),var(--shadow-xs)}textarea.input{height:auto;padding:var(--sp-2\.5) var(--sp-3);resize:vertical;min-height:80px}.input-msg{font-size:13px;margin-top:var(--sp-1\.5);display:flex;align-items:center;gap:var(--sp-1)}.input-msg-error{color:var(--danger-text)}.input-msg-success{color:var(--success-text)}.input-wrapper{position:relative}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;font-size:15px}[dir=rtl] .input-icon{right:12px}[dir=ltr] .input-icon,.input-icon{left:12px}.input-with-icon{padding-inline-start:36px!important}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:0 32px 0 12px;height:36px;font-size:14px;font-family:inherit;cursor:pointer;outline:none;box-shadow:var(--shadow-xs);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;transition:all var(--duration-fast) var(--ease);width:100%}[dir=rtl] .select{padding:0 12px 0 32px;background-position:left 12px center}[dir=ltr] .select,.select{background-position:right 12px center}.select:hover{border-color:var(--border-strong)}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-full);font-size:12px;font-weight:500;white-space:nowrap;line-height:1}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-md{height:24px;padding:0 10px}.badge-sm{height:22px;padding:0 8px}.badge-xs{height:18px;padding:0 7px;font-size:11px;font-weight:600}.badge-default{background:var(--bg-muted);color:var(--text-secondary)}.badge-default .badge-dot{background:var(--text-tertiary)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-success .badge-dot{background:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-warning .badge-dot{background:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.badge-danger .badge-dot{background:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-info .badge-dot{background:var(--info)}.badge-outline{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.badge-method{font-family:var(--font-mono);font-weight:600;font-size:11px}.badge-primary{background:var(--primary-soft-bg);color:var(--primary-text)}.badge-primary .badge-dot{background:var(--primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--primary-border);box-shadow:0 0 0 1px var(--primary-border),var(--shadow-sm)}.card-selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.card-elevated{background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.card-flush{padding:0;overflow:hidden}.card-title{font-weight:600;font-size:14px;margin-bottom:2px;color:var(--text);letter-spacing:-.01em}.card-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.card-dark{background:var(--bg-darkest);border-color:#ffffff0f;color:var(--text-inverse)}[data-theme=dark] .card-dark{background:var(--bg-muted);border-color:var(--border)}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:start;padding:10px var(--sp-4);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.table td{padding:11px var(--sp-4);font-size:14px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table td:first-child{color:var(--text);font-weight:500}.table tr{transition:background var(--duration-fast) var(--ease)}.table tr:hover td{background:var(--bg-hover)}.table tr:last-child td{border-bottom:none}.table tr.selected td{background:var(--bg-selected)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--sp-5)}.tab-item{padding:var(--sp-2) var(--sp-3);font-size:13px;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-top:none;border-inline:none;font-family:inherit;font-weight:500;transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.tab-item:hover{color:var(--text-secondary)}.tab-item.active{color:var(--text);border-bottom-color:var(--text)}.alert{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);border:1px solid;font-size:14px;line-height:1.55}.alert-icon{font-size:16px;flex-shrink:0;margin-top:1px}.alert-title{font-weight:600;margin-bottom:2px}.alert-info{background:var(--info-bg);border-color:var(--info-border)}.alert-info .alert-icon{color:var(--info-text)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border)}.alert-warning .alert-icon{color:var(--warning-text)}.alert-danger{background:var(--danger-bg);border-color:var(--danger-border)}.alert-danger .alert-icon{color:var(--danger-text)}.alert-success{background:var(--success-bg);border-color:var(--success-border)}.alert-success .alert-icon{color:var(--success-text)}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);overflow:hidden}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-2\.5) var(--sp-4);border-bottom:1px solid var(--code-border);font-size:13px;color:#ffffff61;font-family:var(--font-mono)}.code-copy{background:transparent;border:1px solid rgba(255,255,255,.08);color:#ffffff61;cursor:pointer;font-size:12px;font-family:var(--font-sans);padding:var(--sp-1) var(--sp-2\.5);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease);font-weight:500}.code-copy:hover{color:#ffffffb3;background:#ffffff0d}.code-block pre{padding:var(--sp-4) var(--sp-5);font-family:var(--font-mono);font-size:13px;color:var(--code-text);overflow-x:auto;line-height:1.7;margin:0;direction:ltr;text-align:left}.code-block .kw{color:var(--code-kw)}.code-block .str{color:var(--code-str)}.code-block .fn{color:var(--code-fn)}.code-block .cm{color:var(--code-cm)}.code-block .num{color:var(--code-num)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft-bg);color:var(--primary-text);font-weight:600;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:32px;height:32px;font-size:12px}.avatar-lg{width:40px;height:40px;font-size:14px}.avatar-group{display:flex}.avatar-group .avatar{margin-inline-start:-6px;border:2px solid var(--bg)}.avatar-group .avatar:first-child{margin-inline-start:0}.toggle{position:relative;width:38px;height:22px;cursor:pointer;display:inline-block}.toggle input{display:none}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-strong);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease)}.toggle input:checked+.toggle-track{background:var(--primary);box-shadow:0 0 0 1px var(--primary)}.toggle-thumb{position:absolute;top:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--duration-fast) var(--ease-out);pointer-events:none;box-shadow:var(--shadow-xs)}[dir=rtl] .toggle-thumb{right:3px}[dir=ltr] .toggle-thumb,.toggle-thumb{left:3px}.toggle input:checked~.toggle-thumb{transform:translate(16px)}[dir=rtl] .toggle input:checked~.toggle-thumb{transform:translate(-16px)}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:14px;color:var(--text)}.checkbox input{display:none}.checkbox-box{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:4px;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease);flex-shrink:0}.checkbox input:checked+.checkbox-box{background:var(--primary);border-color:var(--primary)}.checkbox-box:after{content:"";width:8px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg) translateY(-1px);opacity:0}.checkbox input:checked+.checkbox-box:after{opacity:1}.radio{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:14px;color:var(--text)}.radio input{display:none}.radio-circle{width:16px;height:16px;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease);flex-shrink:0}.radio input:checked+.radio-circle{border-color:var(--primary)}.radio-circle:after{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;opacity:0;transition:opacity var(--duration-fast) var(--ease)}.radio input:checked+.radio-circle:after{opacity:1}.container{max-width:var(--container);margin:0 auto;padding:0 var(--page-px)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--page-px)}.section{padding:var(--sp-24) 0}.section-sm{padding:var(--sp-16) 0}.section-border{border-top:1px solid var(--border)}.section-muted{background:var(--bg-subtle)}.section-dark{background:var(--bg-darkest);color:var(--text-inverse)}[data-theme=dark] .section-muted{background:var(--bg-subtle)}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.section-title{font-size:40px;font-weight:700;letter-spacing:-.035em;line-height:1.1;margin-bottom:var(--sp-4);color:var(--text)}.section-desc{font-size:17px;color:var(--text-secondary);line-height:1.6;max-width:560px}.section-header{margin-bottom:var(--sp-12)}.section-header-center{text-align:center;margin-bottom:var(--sp-12)}.section-header-center .section-desc{margin:0 auto}.subsection{margin-bottom:var(--sp-12)}.subsection:last-child{margin-bottom:0}.subsection-title{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid var(--border);color:var(--text)}.label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.showcase{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-8);margin-bottom:var(--sp-5)}.showcase-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--sp-4)}.showcase-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.showcase-row:last-child{margin-bottom:0}.showcase-group{margin-bottom:var(--sp-6)}.showcase-group:last-child{margin-bottom:0}.dash{display:flex;min-height:100vh}.dash-sidebar{width:var(--sidebar-w);background:var(--bg-subtle);border-inline-end:1px solid var(--border);position:fixed;top:0;bottom:0;z-index:90;display:flex;flex-direction:column;padding:0;overflow-y:auto;transition:transform var(--duration-slow) var(--ease-out)}.dash-sidebar-header{display:flex;align-items:center;gap:var(--sp-2\.5);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border);font-weight:700;font-size:15px;letter-spacing:-.02em}.dash-sidebar-mark{width:26px;height:26px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;box-shadow:0 1px 3px var(--primary-shadow)}.dash-sidebar nav{flex:1;padding:var(--sp-2)}.dash-sidebar-section{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--sp-5) var(--sp-3) var(--sp-2)}.dash-sidebar-section:first-child{padding-top:var(--sp-2)}.dash-sidebar-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:14px;font-weight:400;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease);margin-bottom:2px}.dash-sidebar-link:hover{color:var(--text);background:var(--bg-hover)}.dash-sidebar-link.active{color:var(--text);background:var(--bg-active);font-weight:500}.dash-sidebar-link .link-icon,.dash-sidebar-link svg.link-icon{width:16px;height:16px;opacity:.5;flex-shrink:0}.dash-sidebar-link:hover .link-icon,.dash-sidebar-link:hover svg.link-icon{opacity:.7}.dash-sidebar-link.active .link-icon,.dash-sidebar-link.active svg.link-icon{opacity:.9;color:var(--primary-text)}.dash-sidebar-bottom{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);margin-top:auto}.dash-main{flex:1;min-width:0;margin-inline-start:var(--sidebar-w)}.dash-topbar{position:sticky;top:0;z-index:80;height:var(--header-h);background:var(--nav-bg);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-8);gap:var(--sp-3)}.dash-topbar-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.dash-topbar-actions{display:flex;align-items:center;gap:var(--sp-2)}.dash-content{padding:var(--sp-8);max-width:1100px}.page-header{margin-bottom:var(--sp-8)}.page-title{font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--sp-1\.5)}.page-desc{font-size:15px;color:var(--text-secondary);line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.stat-label{font-size:12px;color:var(--text-tertiary);margin-bottom:var(--sp-1);font-weight:500;letter-spacing:.01em}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.stat-change{font-size:12px;margin-top:var(--sp-1);display:flex;align-items:center;gap:var(--sp-1)}.stat-change-up{color:var(--success-text)}.stat-change-down{color:var(--danger-text)}.filter-bar{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-3) 0;margin-bottom:var(--sp-4)}.filter-bar .input{width:auto;min-width:240px}.empty-state{text-align:center;padding:var(--sp-16) var(--sp-6)}.empty-icon{width:48px;height:48px;margin:0 auto var(--sp-4);border-radius:var(--radius-lg);background:var(--primary-soft-bg);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary-text)}.empty-title{font-size:16px;font-weight:600;margin-bottom:var(--sp-1\.5)}.empty-desc{font-size:14px;color:var(--text-secondary);max-width:300px;margin:0 auto var(--sp-5);line-height:1.55}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.detail-header h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.detail-body{padding:var(--sp-6)}.detail-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-subtle);display:flex;justify-content:flex-end;gap:var(--sp-2)}.timeline{border-inline-start:2px solid var(--border);padding-inline-start:var(--sp-5);margin-inline-start:var(--sp-2)}.timeline-event{margin-bottom:var(--sp-4);position:relative}.timeline-event:before{content:"";position:absolute;top:6px;width:10px;height:10px;border-radius:50%;background:var(--bg);border:2px solid var(--border-strong)}[dir=rtl] .timeline-event:before{right:-26px}[dir=ltr] .timeline-event:before,.timeline-event:before{left:-26px}.timeline-event:first-child:before{border-color:var(--primary);background:var(--primary-soft-bg)}.timeline-event-time{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono);margin-bottom:3px}.timeline-event-text{font-size:14px;color:var(--text-secondary)}.sparkline{display:flex;align-items:flex-end;gap:1px;height:32px}.sparkline-bar{flex:1;min-width:2px;max-width:5px;border-radius:2px 2px 0 0;background:var(--primary);opacity:.15;transition:opacity var(--duration-fast) var(--ease)}.sparkline-bar:hover{opacity:.4}.waterfall-row{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;margin-bottom:var(--sp-1\.5)}.waterfall-label{width:80px;color:var(--text-tertiary);flex-shrink:0;text-align:end}[dir=rtl] .waterfall-label{text-align:start}.waterfall-track{flex:1;height:8px;background:var(--bg-muted);border-radius:4px;overflow:hidden;position:relative}.waterfall-bar{height:100%;border-radius:4px;background:var(--primary);opacity:.35}.waterfall-time{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);width:50px;text-align:end}.log-row{display:flex;align-items:center;gap:var(--sp-2\.5);padding:var(--sp-1\.5) var(--sp-4);font-size:13px;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease);min-height:34px}.log-row:hover{background:var(--bg-hover)}.log-row:last-child{border-bottom:none}.log-ts{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);flex-shrink:0;width:68px}.log-svc{font-size:12px;color:var(--text-tertiary);flex-shrink:0;width:72px;font-family:var(--font-mono)}.log-msg{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:12px}.pagination{display:flex;align-items:center;gap:2px;margin-top:var(--sp-4)}.pg-item{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 var(--sp-1\.5);font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease);font-family:inherit}.pg-item:hover{background:var(--bg-hover);color:var(--text)}.pg-item.active{background:var(--primary-soft-bg);color:var(--primary-text);border-color:var(--primary-border)}.pg-item:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:modal-bg-in var(--duration) var(--ease) both}@keyframes modal-bg-in{0%{opacity:0}to{opacity:1}}.modal-overlay[hidden]{display:none}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:520px;max-width:90vw;box-shadow:var(--shadow-xl);overflow:hidden;animation:modal-in var(--duration-slow) var(--ease-out) both}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.modal-header h3{font-size:18px;font-weight:600;letter-spacing:-.02em}.modal-body{padding:var(--sp-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-subtle)}.dropdown-preview{min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-2)}.dropdown-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:14px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease);border:none;background:none;width:100%;text-align:start;font-family:inherit}.dropdown-item:hover{background:var(--bg-active);color:var(--text)}.dropdown-sep{height:1px;background:var(--border);margin:var(--sp-1) 0}.dropdown-label{padding:var(--sp-1\.5) var(--sp-3);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero{padding:80px 0 64px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse,var(--primary-ghost),transparent 70%);pointer-events:none}.hero-badge{display:inline-flex;align-items:center;gap:var(--sp-2);height:30px;padding:0 var(--sp-4);border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:28px}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.hero-title{font-size:60px;font-weight:800;letter-spacing:-.045em;line-height:1.06;margin-bottom:var(--sp-5);color:var(--text);max-width:780px;margin-left:auto;margin-right:auto}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.65;max-width:540px;margin:0 auto var(--sp-10)}.hero-cta{display:flex;align-items:center;justify-content:center;gap:var(--sp-3)}.cta-section{text-align:center;padding:80px 40px;background:var(--bg-darkest);border-radius:var(--radius-2xl);position:relative;overflow:hidden}[data-theme=dark] .cta-section{background:var(--bg-muted);border:1px solid var(--border)}.cta-section:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(77,161,169,.12),transparent 70%);pointer-events:none}.cta-title{font-size:36px;font-weight:700;letter-spacing:-.035em;color:#fff;margin-bottom:14px;position:relative}[data-theme=dark] .cta-title{color:var(--text)}.cta-subtitle{font-size:17px;color:#fff9;margin-bottom:var(--sp-10);position:relative;max-width:480px;margin-left:auto;margin-right:auto}[data-theme=dark] .cta-subtitle{color:var(--text-secondary)}.cta-buttons{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);position:relative}.btn-cta-primary{height:44px;padding:0 28px;font-size:15px;font-weight:600;border-radius:var(--radius-lg);background:#fff;color:var(--bg-darkest);border:none;box-shadow:var(--shadow-sm);transition:all var(--duration-fast) var(--ease);cursor:pointer}.btn-cta-primary:hover{background:#f0f0f0;box-shadow:var(--shadow-md)}[data-theme=dark] .btn-cta-primary{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;border:1px solid var(--primary-hover);box-shadow:0 1px 3px var(--primary-shadow),inset 0 1px #ffffff1a}[data-theme=dark] .btn-cta-primary:hover{background:linear-gradient(180deg,var(--primary-hover) 0%,var(--primary-active) 100%);box-shadow:0 3px 12px var(--primary-shadow),inset 0 1px #ffffff1f}.btn-cta-secondary{height:44px;padding:0 28px;font-size:15px;font-weight:500;border-radius:var(--radius-lg);background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.12);transition:all var(--duration-fast) var(--ease);cursor:pointer}.btn-cta-secondary:hover{color:#fff;border-color:#ffffff40;background:#ffffff0a}[data-theme=dark] .btn-cta-secondary{color:var(--text-secondary);border-color:var(--border)}[data-theme=dark] .btn-cta-secondary:hover{color:var(--text);border-color:var(--border-strong)}.footer{border-top:1px solid var(--border);padding:var(--sp-12) 0 var(--sp-10);color:var(--text-secondary)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-12)}.footer-brand{max-width:240px}.footer-brand-name{display:flex;align-items:center;gap:var(--sp-2);font-size:16px;font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.footer-brand-desc{font-size:14px;line-height:1.6;color:var(--text-tertiary)}.footer-col-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:var(--sp-4);text-transform:uppercase;letter-spacing:.04em}.footer-link{display:block;font-size:14px;color:var(--text-tertiary);margin-bottom:var(--sp-2\.5);transition:color var(--duration-fast) var(--ease)}.footer-link:hover{color:var(--text)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--sp-6);border-top:1px solid var(--border);font-size:13px;color:var(--text-tertiary)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature-card-visual{height:180px;background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:var(--sp-4);overflow:hidden;position:relative}.feature-card:hover .feature-card-visual{background:var(--bg-muted)}.feature-card-body{padding:var(--sp-5) var(--sp-6) var(--sp-6)}.feature-card-title{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:var(--sp-2)}.feature-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.55}.mini-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mini-panel-header{padding:var(--sp-1\.5) var(--sp-2\.5);font-size:11px;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between}.mini-row{display:flex;align-items:center;gap:var(--sp-2);padding:5px 10px;border-bottom:1px solid var(--border-subtle);font-size:12px}.mini-row:last-child{border-bottom:none}.mini-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mini-label{flex:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-mono{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.mini-chip{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;white-space:nowrap}.trust{text-align:center;padding:var(--sp-12) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-label{font-size:13px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-8)}.trust-logos{display:flex;align-items:center;justify-content:center;gap:var(--sp-12);flex-wrap:wrap}.trust-logo{font-size:18px;font-weight:700;color:var(--text-muted);letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease)}.trust-logo:hover{color:var(--text-tertiary)}.trust-metrics{display:flex;align-items:center;justify-content:center;gap:var(--sp-16);margin-top:var(--sp-10)}.trust-metric{text-align:center}.trust-metric-val{font-size:28px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.trust-metric-label{font-size:14px;color:var(--text-tertiary);margin-top:var(--sp-1)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--sp-6);text-align:center;transition:all var(--duration) var(--ease)}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metric-value{font-size:36px;font-weight:700;letter-spacing:-.04em;margin-bottom:var(--sp-1\.5)}.metric-label{font-size:14px;font-weight:500;color:var(--text);margin-bottom:var(--sp-1)}.metric-desc{font-size:13px;color:var(--text-tertiary);line-height:1.45}.swatch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--sp-2\.5);margin-bottom:var(--sp-8)}.swatch{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);transition:border-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.swatch:hover{border-color:var(--border-strong);transform:translateY(-1px)}.swatch-color{height:64px}.swatch-info{padding:var(--sp-2\.5) var(--sp-3)}.swatch-name{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:2px}.swatch-value{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.type-row{display:flex;align-items:baseline;gap:var(--sp-8);padding:var(--sp-4) 0;border-bottom:1px solid var(--border-subtle)}.type-meta{width:120px;flex-shrink:0;font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.token-table{width:100%;border-collapse:collapse}.token-table th{text-align:start;padding:var(--sp-2\.5) var(--sp-4);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.token-table td{padding:var(--sp-2\.5) var(--sp-4);font-size:14px;border-bottom:1px solid var(--border-subtle)}.token-table td:first-child{font-family:var(--font-mono);font-size:13px;color:var(--primary-text)}.token-table td:nth-child(2){font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary)}.token-table tr:hover td{background:var(--bg-hover)}.spacing-bar{display:flex;align-items:center;gap:14px;margin-bottom:var(--sp-2)}.spacing-block{height:20px;background:var(--primary);opacity:.12;border-radius:3px}.spacing-label{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);width:80px;flex-shrink:0}.spacing-value{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--sp-1)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.flex-1{flex:1;min-width:0}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.text-center{text-align:center}.text-start{text-align:start}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.text-sm{font-size:14px}.text-xs{font-size:13px}.text-2xs{font-size:12px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-text)}.text-danger{color:var(--danger-text)}.text-warning{color:var(--warning-text)}.text-primary{color:var(--primary-text)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.mb-8{margin-bottom:var(--sp-8)}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.sev-indicator{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500}.sev-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.sev-critical .sev-dot{background:var(--danger)}.sev-critical{color:var(--danger-text)}.sev-high .sev-dot{background:var(--warning)}.sev-high{color:var(--warning-text)}.sev-medium .sev-dot{background:var(--info)}.sev-medium{color:var(--info-text)}.sev-low .sev-dot{background:var(--text-muted)}.sev-low{color:var(--text-tertiary)}.sev-resolved .sev-dot{background:var(--success)}.sev-resolved{color:var(--success-text)}.badge-solid-danger{background:var(--danger);color:#fff}.badge-solid-warning{background:var(--warning);color:#fff}.badge-solid-success{background:var(--success);color:#fff}.badge-solid-info{background:var(--info);color:#fff}.badge-solid-primary{background:var(--primary);color:var(--primary-contrast)}.badge-outline-danger{background:transparent;border:1px solid var(--danger-border);color:var(--danger-text)}.badge-outline-warning{background:transparent;border:1px solid var(--warning-border);color:var(--warning-text)}.badge-outline-success{background:transparent;border:1px solid var(--success-border);color:var(--success-text)}.badge-outline-info{background:transparent;border:1px solid var(--info-border);color:var(--info-text)}.error-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.error-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.error-card-inner{display:flex}.error-card-severity{width:3px;flex-shrink:0}.error-card-severity-critical{background:var(--danger)}.error-card-severity-high{background:var(--warning)}.error-card-severity-medium{background:var(--info)}.error-card-severity-low{background:var(--text-muted)}.error-card-content{flex:1;padding:14px 16px;min-width:0}.error-card-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.error-card-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.error-card-msg{font-size:13px;color:var(--text-secondary);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.error-card-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-tertiary);flex-wrap:wrap}.error-card-actions{display:flex;align-items:center;gap:4px;padding:14px 12px;border-inline-start:1px solid var(--border)}.error-card-compact{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);font-size:13px;transition:background var(--duration-fast) var(--ease)}.error-card-compact:hover{background:var(--bg-hover)}.error-card-compact:last-child{border-bottom:none}.error-card-compact-title{font-weight:500;flex:1;min-width:0}.ds-filter-bar{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}.ds-filter-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.ds-filter-chip:hover{border-color:var(--border-strong);color:var(--text)}.ds-filter-chip.active{background:var(--primary-ghost);border-color:var(--primary-border);color:var(--primary-text)}.ds-filter-chip svg{width:14px;height:14px}.ds-field{margin-bottom:20px}.ds-field:last-child{margin-bottom:0}.ds-field-label{display:block;font-size:13px;font-weight:500;color:var(--text);margin-bottom:6px}.ds-field-label .ds-required{color:var(--danger-text);margin-inline-start:2px}.ds-field-helper{font-size:12px;color:var(--text-tertiary);margin-top:6px;line-height:1.4}.ds-field-error{font-size:12px;color:var(--danger-text);margin-top:6px;display:flex;align-items:center;gap:4px}.ds-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:768px){.ds-field-row{grid-template-columns:1fr}}.toast-stack{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}[dir=rtl] .toast-stack{right:auto;left:20px}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;min-width:320px;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;color:var(--text);animation:toast-in var(--duration-slow) var(--ease-out) both}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-out{animation:toast-out var(--duration) var(--ease) both}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.toast-icon{width:20px;height:20px;flex-shrink:0;margin-top:1px}.toast-icon-success{color:var(--success-text)}.toast-icon-danger{color:var(--danger-text)}.toast-icon-warning{color:var(--warning-text)}.toast-icon-info{color:var(--info-text)}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:13px;margin-bottom:2px}.toast-msg{font-size:13px;color:var(--text-secondary);line-height:1.45}.toast-action{font-size:12px;font-weight:600;color:var(--primary-text);cursor:pointer;margin-top:6px;display:inline-block}.toast-action:hover{text-decoration:underline}.toast-close{width:20px;height:20px;flex-shrink:0;color:var(--text-tertiary);cursor:pointer;opacity:.5;transition:opacity var(--duration-fast)}.toast-close:hover{opacity:1}.toast-progress{position:absolute;bottom:0;left:0;height:2px;background:var(--primary);border-radius:0 0 0 var(--radius-lg);animation:toast-progress 5s linear both}@keyframes toast-progress{0%{width:100%}to{width:0}}.tab-bar-pills{display:flex;gap:4px;margin-bottom:var(--sp-5)}.tab-bar-pills .tab-pill{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-full);border:none;background:none;cursor:pointer;font-family:inherit;transition:all var(--duration-fast) var(--ease)}.tab-bar-pills .tab-pill:hover{color:var(--text);background:var(--bg-muted)}.tab-bar-pills .tab-pill.active{color:var(--text);background:var(--bg-active)}.tab-bar-bordered{display:flex;gap:0;background:var(--bg-muted);border-radius:var(--radius-md);padding:3px;margin-bottom:var(--sp-5)}.tab-bar-bordered .tab-seg{flex:1;padding:6px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);text-align:center;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;font-family:inherit;transition:all var(--duration-fast) var(--ease)}.tab-bar-bordered .tab-seg:hover{color:var(--text)}.tab-bar-bordered .tab-seg.active{color:var(--text);background:var(--bg-card);box-shadow:var(--shadow-xs)}.combobox{position:relative}.combobox-trigger{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.combobox-trigger:hover{border-color:var(--text-tertiary)}.combobox-trigger:focus,.combobox-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}.combobox-trigger .cb-value{flex:1;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combobox-trigger .cb-placeholder{color:var(--text-tertiary)}.combobox-trigger .cb-clear{width:16px;height:16px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--duration-fast)}.combobox-trigger:hover .cb-clear{opacity:.6}.combobox-trigger .cb-clear:hover{opacity:1}.combobox-trigger .cb-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform var(--duration-fast) var(--ease)}.combobox-trigger.open .cb-chevron{transform:rotate(180deg)}.combobox-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-tertiary);font-size:13px;gap:8px}.ctx-menu{min-width:200px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:4px;animation:ctx-in var(--duration-fast) var(--ease-out) both}@keyframes ctx-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background 80ms,color 80ms;border:none;background:none;width:100%;text-align:start;font-family:inherit}.ctx-item:hover{background:var(--bg-muted);color:var(--text)}.ctx-item svg{width:15px;height:15px;flex-shrink:0;opacity:.5}.ctx-item:hover svg{opacity:.8}.ctx-item .ctx-shortcut{margin-inline-start:auto;font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}.ctx-item-danger{color:var(--danger-text)}.ctx-item-danger:hover{background:var(--danger-bg)}.ctx-sep{height:1px;background:var(--border);margin:4px 0}.row-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--duration-fast) var(--ease)}tr:hover .row-actions,.error-card:hover .row-actions,.log-row:hover .row-actions{opacity:1}.row-action{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.row-action:hover{background:var(--bg-muted);color:var(--text)}.error-card-trend{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.error-card-trend-up{color:var(--danger-text)}.error-card-trend-down{color:var(--success-text)}.error-card-spark{display:flex;align-items:flex-end;gap:1px;height:20px;margin-inline-start:auto}.error-card-spark div{width:3px;border-radius:1px 1px 0 0;background:var(--text);opacity:.08}.error-card-users{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.error-card-users svg{width:14px;height:14px;opacity:.5}.error-card-clickable{cursor:pointer}.error-card-clickable:hover{border-color:var(--primary-border)}.date-input{position:relative}.date-input-trigger{display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;font-size:14px;font-family:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease)}.date-input-trigger:hover{border-color:var(--text-tertiary)}.date-input-trigger svg{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:8px}.date-cell{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease)}.date-cell:hover{background:var(--bg-muted);color:var(--text)}.date-cell.today{font-weight:600;color:var(--primary-text)}.date-cell.selected{background:var(--primary);color:var(--primary-contrast)}.date-cell.range{background:var(--primary-ghost);color:var(--primary-text)}.date-cell.disabled{color:var(--text-muted);cursor:default;pointer-events:none}.date-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:14px;font-weight:600}.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:0 8px}.date-weekday{font-size:11px;font-weight:600;color:var(--text-tertiary);text-align:center;padding:6px 0;text-transform:uppercase;letter-spacing:.04em}.ds-filter-input{display:flex;align-items:center;gap:0;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden;font-size:13px;transition:border-color var(--duration-fast) var(--ease)}.ds-filter-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ghost)}.ds-filter-key{padding:0 8px;background:var(--bg-muted);color:var(--primary-text);font-weight:600;font-size:12px;height:100%;display:flex;align-items:center;border-inline-end:1px solid var(--border)}.ds-filter-val{flex:1;border:none;background:none;padding:0 8px;font-size:13px;color:var(--text);outline:none;font-family:inherit;height:100%}.ds-filter-val::-moz-placeholder{color:var(--text-tertiary)}.ds-filter-val::placeholder{color:var(--text-tertiary)}.ds-saved-filter{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:var(--radius-full);border:1px dashed var(--border);background:none;font-size:12px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.ds-saved-filter:hover{border-color:var(--border-strong);border-style:solid;color:var(--text-secondary);background:var(--bg-subtle)}.ds-filter-summary{font-size:12px;color:var(--text-tertiary);padding:4px 0}.ds-filter-summary strong{color:var(--text);font-weight:600}.reveal{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.06s}.reveal-delay-2{transition-delay:.12s}.reveal-delay-3{transition-delay:.18s}@media (max-width:1024px){:root{--page-px:24px}.hero-title{font-size:44px}.section-title{font-size:32px}.feature-grid,.metric-grid,.stat-grid,.grid-4{grid-template-columns:repeat(2,1fr)}.swatch-grid,.footer-grid{grid-template-columns:repeat(3,1fr)}.dash-sidebar{transform:translate(-100%)}[dir=rtl] .dash-sidebar{transform:translate(100%)}.dash-sidebar.open{transform:translate(0)}.dash-main{margin-inline-start:0}.ds-nav-mobile{display:inline-flex}}@media (max-width:768px){:root{--page-px:20px}.ds-nav-links{display:none}.ds-nav-inner{height:56px}.hero{padding:48px 0 40px}.hero-title{font-size:34px}.hero-subtitle{font-size:16px}.section{padding:64px 0}.section-title{font-size:28px}.feature-grid,.grid-2,.grid-3,.grid-4,.metric-grid,.stat-grid{grid-template-columns:1fr}.swatch-grid{grid-template-columns:repeat(2,1fr)}.trust-logos{gap:24px}.trust-metrics{flex-wrap:wrap;gap:24px}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-cta,.cta-buttons{flex-direction:column}.cta-section{padding:48px 24px}.cta-title{font-size:28px}.table-wrap{overflow-x:auto}.dash-content{padding:20px}.page-title{font-size:20px}.filter-bar .input{min-width:100%}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.feature-card,.metric-card,.card-hover{transition:border-color var(--duration-fast)}.feature-card:hover,.metric-card:hover,.card-hover:hover{transform:none}.modal-box,.modal-overlay{animation:none}}[dir=rtl] .dash-sidebar{border-inline-end:1px solid var(--border);border-inline-start:none}[dir=rtl] .log-msg,[dir=rtl] .font-mono{direction:ltr;text-align:left}[dir=rtl] .log-ts,[dir=rtl] .log-svc,[dir=rtl] .error-meta,[dir=rtl] .monitor-url{direction:ltr}[dir=rtl] .hero-title,[dir=rtl] .section-title{letter-spacing:0}[lang=ar] .hero-title{font-size:52px;line-height:1.2}[lang=ar] .section-title{font-size:36px;line-height:1.25}[lang=ar] .page-title,[lang=ar] .subsection-title{line-height:1.35}[lang=ar] .card-title{line-height:1.4}[lang=ar] .btn,[lang=ar] .badge{letter-spacing:0}[lang=ar] .section-label,[lang=ar] .label{letter-spacing:.02em}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[lang=ar] .ob-title,[dir=rtl] .ob-title,[lang=ar] .ob-subtitle,[dir=rtl] .ob-subtitle,[lang=ar] .ob-eyebrow,[dir=rtl] .ob-eyebrow{letter-spacing:0}[lang=ar] .ob-title,[dir=rtl] .ob-title{line-height:1.35;font-weight:700}[lang=ar] .ob-eyebrow,[dir=rtl] .ob-eyebrow{font-weight:600;letter-spacing:.04em}[lang=ar] .ob-progress,[dir=rtl] .ob-progress{letter-spacing:0}[dir=rtl] .ob-actions svg{flex-shrink:0}.ob-page{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.ob-page-glow{position:relative;overflow:hidden}.ob-page-glow:before{content:"";position:absolute;top:-280px;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,var(--primary-ghost),transparent 65%);pointer-events:none;z-index:0}.ob-page-glow>*{position:relative;z-index:1}.ob-topbar{height:64px;border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);display:flex;align-items:center;padding:0 var(--page-px)}.ob-topbar-inner{max-width:var(--container);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.ob-brand{display:flex;align-items:center;gap:var(--sp-2\.5);font-weight:700;font-size:16px;letter-spacing:-.02em;color:var(--text);text-decoration:none}.ob-brand-mark{width:28px;height:28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;box-shadow:0 1px 3px var(--primary-shadow)}.ob-topbar-right{display:flex;align-items:center;gap:var(--sp-2)}.ob-topbar-meta{font-size:13px;color:var(--text-tertiary);display:flex;align-items:center;gap:var(--sp-2)}.ob-topbar-meta a{color:var(--primary-text);font-weight:500}.ob-topbar-meta a:hover{text-decoration:underline}.ob-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:48px var(--page-px) 80px}.ob-main-narrow{max-width:480px;width:100%}.ob-main-mid{max-width:680px;width:100%}.ob-main-wide{max-width:960px;width:100%}.ob-main-xwide{max-width:1240px;width:100%}.ob-app-shell{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.ob-app-sidebar{width:248px;flex-shrink:0;background:var(--bg-subtle);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.ob-app-sidebar-header{display:flex;align-items:center;gap:var(--sp-2\.5);padding:18px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:15px;letter-spacing:-.02em}.ob-app-sidebar-mark{width:28px;height:28px;flex-shrink:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-active) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;box-shadow:0 1px 3px var(--primary-shadow)}.ob-app-sidebar-org{display:flex;align-items:center;gap:10px;margin:14px 12px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.ob-app-sidebar-org:hover{border-color:var(--border-strong)}.ob-app-sidebar-org-mark{width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--primary-soft-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:1px solid var(--primary-border)}.ob-app-sidebar-org-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-app-sidebar-org-meta{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-app-sidebar-org-arrow{color:var(--text-tertiary);width:14px;height:14px;flex-shrink:0}.ob-app-nav{flex:1;padding:6px 8px 16px}.ob-app-nav-section{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:14px 12px 6px}.ob-app-nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease);margin-bottom:2px}.ob-app-nav-link svg{width:16px;height:16px;opacity:.55;flex-shrink:0;transition:opacity var(--duration-fast) var(--ease)}.ob-app-nav-link:hover{color:var(--text);background:var(--bg-hover)}.ob-app-nav-link:hover svg{opacity:.8}.ob-app-nav-link.active{color:var(--text);background:var(--bg-active);font-weight:600}.ob-app-nav-link.active svg{opacity:1;color:var(--primary-text)}.ob-app-nav-link .ob-app-nav-badge{margin-inline-start:auto;font-size:11px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-tertiary)}.ob-app-nav-link .ob-app-nav-badge.danger{background:var(--danger-bg);color:var(--danger-text)}.ob-app-nav-link .ob-app-nav-badge.warning{background:var(--warning-bg);color:var(--warning-text)}.ob-app-sidebar-footer{border-top:1px solid var(--border);padding:12px 14px;display:flex;align-items:center;gap:10px;margin-top:auto}.ob-app-sidebar-footer .avatar{flex-shrink:0}.ob-app-sidebar-footer-info{flex:1;min-width:0}.ob-app-sidebar-footer-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-app-sidebar-footer-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-app-main{flex:1;min-width:0;display:flex;flex-direction:column}.ob-app-topbar{height:56px;border-bottom:1px solid var(--border);background:var(--nav-bg);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;position:sticky;top:0;z-index:50}.ob-app-topbar-title{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.ob-app-topbar-title svg{width:14px;height:14px;color:var(--text-tertiary)}.ob-app-topbar-right{display:flex;align-items:center;gap:10px}.ob-app-content{padding:28px 32px 64px;max-width:1280px;width:100%}.ob-page-head{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ob-page-head-title{font-size:24px;font-weight:700;letter-spacing:-.025em;line-height:1.2;color:var(--text)}.ob-page-head-sub{font-size:14px;color:var(--text-secondary);margin-top:4px;line-height:1.55}.ob-page-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width:900px){.ob-app-sidebar{position:fixed;inset-inline-start:0;top:0;z-index:200;transform:translate(-100%)}[dir=rtl] .ob-app-sidebar{transform:translate(100%)}.ob-app-sidebar.open{transform:translate(0)}.ob-app-content{padding:20px 18px 56px}.ob-app-topbar{padding:0 18px}}.ob-progress{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);flex-wrap:wrap}.ob-progress-track{flex:1;min-width:140px;height:4px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden;position:relative;display:flex}.ob-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-hover) 100%);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease)}[dir=rtl] .ob-progress-fill{background:linear-gradient(270deg,var(--primary) 0%,var(--primary-hover) 100%)}.ob-progress-step{color:var(--text-secondary)}.ob-progress-step strong{color:var(--text);font-weight:700}.ob-steps{display:flex;align-items:center;gap:var(--sp-1\.5);margin-bottom:var(--sp-8);flex-wrap:wrap}.ob-step{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 12px 6px 6px;border-radius:var(--radius-full);background:var(--bg-muted);border:1px solid var(--border);font-size:12px;font-weight:500;color:var(--text-tertiary);transition:all var(--duration-fast) var(--ease)}.ob-step-num{width:20px;height:20px;border-radius:50%;background:var(--bg);border:1px solid var(--border-strong);color:var(--text-tertiary);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.ob-step.done{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.ob-step.done .ob-step-num{background:var(--success);border-color:var(--success);color:#fff}.ob-step.current{background:var(--primary-ghost);border-color:var(--primary-border);color:var(--primary-text)}.ob-step.current .ob-step-num{background:var(--primary);border-color:var(--primary);color:#fff}.ob-step-sep{width:14px;height:1px;background:var(--border-strong);flex-shrink:0}.ob-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-lg)}.ob-card-flush{padding:0;overflow:hidden}.ob-card-pad{padding:32px 36px}.ob-card-section{padding:28px 36px;border-bottom:1px solid var(--border)}.ob-card-section:last-child{border-bottom:none}.ob-card-footer{padding:20px 36px;background:var(--bg-subtle);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.ob-card-footer .left{font-size:13px;color:var(--text-tertiary)}.ob-head{margin-bottom:var(--sp-8)}.ob-head-center{text-align:center}.ob-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--primary-text);margin-bottom:var(--sp-3)}.ob-title{font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.18;margin-bottom:var(--sp-3);color:var(--text)}.ob-title-lg{font-size:34px}.ob-subtitle{font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:520px}.ob-head-center .ob-subtitle{margin-left:auto;margin-right:auto}.ob-oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-5)}.ob-oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:42px;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease);box-shadow:0 1px 2px #0000000a}.ob-oauth-btn:hover{background:var(--bg-subtle);border-color:var(--text-tertiary);box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.ob-oauth-btn svg{width:16px;height:16px;flex-shrink:0}.ob-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.ob-divider:before,.ob-divider:after{content:"";flex:1;height:1px;background:var(--border)}.ob-trust{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:12px;flex-wrap:wrap}.ob-trust-item{display:inline-flex;align-items:center;gap:var(--sp-1\.5)}.ob-trust-item svg{width:14px;height:14px;color:var(--primary-text);flex-shrink:0}.ob-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}.ob-cards-1col{grid-template-columns:1fr}.ob-cards-3col{grid-template-columns:repeat(3,1fr)}.ob-select-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;text-align:start;font-family:inherit;transition:all var(--duration-fast) var(--ease);overflow:hidden}.ob-select-card:after{content:"";position:absolute;top:0;right:0;width:140px;height:140px;background:radial-gradient(circle at top right,var(--primary-ghost),transparent 70%);pointer-events:none;opacity:0;transition:opacity var(--duration) var(--ease)}[dir=rtl] .ob-select-card:after{right:auto;left:0;background:radial-gradient(circle at top left,var(--primary-ghost),transparent 70%)}.ob-select-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.ob-select-card:hover:after{opacity:.6}.ob-select-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),var(--shadow-md)}.ob-select-card.selected:after{opacity:1}.ob-select-card-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--primary-soft-bg);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;color:var(--primary-text);flex-shrink:0}.ob-select-card-icon svg{width:20px;height:20px}.ob-select-card-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.ob-select-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.ob-select-card-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-text)}.ob-select-card-check{position:absolute;top:16px;width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--primary-shadow)}[dir=ltr] .ob-select-card-check,.ob-select-card-check{right:16px}[dir=rtl] .ob-select-card-check{right:auto;left:16px}.ob-select-card.selected .ob-select-card-check{display:flex}.ob-select-card-check svg{width:12px;height:12px}.ob-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-6)}.ob-actions-end{justify-content:flex-end}.ob-actions-stack{flex-direction:column;align-items:stretch}.ob-actions-stack .btn{width:100%}.ob-link{color:var(--primary-text);font-weight:500;font-size:14px;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.ob-link:hover{text-decoration:underline}.ob-link-muted{color:var(--text-tertiary)}.ob-link-muted:hover{color:var(--text-secondary)}.ob-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--sp-8);align-items:start}.ob-split-narrow{grid-template-columns:minmax(0,1fr) 280px}@media (max-width:900px){.ob-split,.ob-split-narrow{grid-template-columns:1fr}}.ob-aside{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;font-size:13px;color:var(--text-secondary);line-height:1.6}.ob-aside-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:var(--sp-3)}.ob-aside-list{list-style:none;padding:0;margin:0}.ob-aside-list li{display:flex;align-items:flex-start;gap:var(--sp-2);padding:6px 0}.ob-aside-list li svg{width:14px;height:14px;color:var(--primary-text);flex-shrink:0;margin-top:3px}.ob-icon-circle{width:64px;height:64px;border-radius:50%;background:var(--primary-soft-bg);border:1px solid var(--primary-border);display:flex;align-items:center;justify-content:center;color:var(--primary-text);margin:0 auto var(--sp-5)}.ob-icon-circle-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.ob-icon-circle svg{width:28px;height:28px}.ob-email-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px 14px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:13px;color:var(--text);margin:var(--sp-2) 0 var(--sp-4)}.ob-email-pill svg{width:14px;height:14px;color:var(--primary-text)}.ob-code-panel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--code-bg)}.ob-code-tabs{display:flex;align-items:center;gap:0;background:#ffffff08;border-bottom:1px solid var(--code-border);padding:0 6px;overflow-x:auto}.ob-code-tab{background:none;border:none;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;color:#ffffff73;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--duration-fast) var(--ease);white-space:nowrap}.ob-code-tab:hover{color:#ffffffd9}.ob-code-tab.active{color:#fff;border-bottom-color:var(--primary)}.ob-secret-field{display:flex;align-items:stretch;gap:0;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.ob-secret-field code{flex:1;min-width:0;padding:10px 14px;font-family:var(--font-mono);font-size:13px;color:var(--text);background:transparent;white-space:nowrap;overflow-x:auto}.ob-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;background:var(--bg);border:none;border-inline-start:1px solid var(--border);font-family:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all var(--duration-fast) var(--ease)}.ob-copy-btn:hover{background:var(--bg-subtle);color:var(--text)}.ob-copy-btn.copied{color:var(--success-text);background:var(--success-bg)}.ob-copy-btn svg{width:13px;height:13px}.ob-invite-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.ob-invite-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 36px;gap:var(--sp-3);align-items:center;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--ease)}.ob-invite-row:hover{border-color:var(--border-strong)}.ob-invite-row .input,.ob-invite-row .select{height:36px}.ob-invite-remove{width:36px;height:36px;border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-md);color:var(--text-tertiary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.ob-invite-remove:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.ob-invite-remove svg{width:14px;height:14px}@media (max-width:720px){.ob-invite-row{grid-template-columns:1fr;gap:var(--sp-2)}.ob-invite-remove{justify-self:flex-end;width:auto;height:32px;padding:0 12px;font-size:12px}.ob-invite-remove:after{content:"Remove";margin-inline-start:6px;font-weight:500}}.ob-status-list{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card)}.ob-status-row{display:flex;align-items:center;gap:var(--sp-3);padding:14px 18px;border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease)}.ob-status-row:last-child{border-bottom:none}.ob-status-row:hover{background:var(--bg-hover)}.ob-status-row .avatar{flex-shrink:0}.ob-status-info{flex:1;min-width:0}.ob-status-name{font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.ob-status-meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.ob-status-actions{display:flex;align-items:center;gap:var(--sp-2)}.ob-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin:var(--sp-6) 0}@media (max-width:760px){.ob-next-grid{grid-template-columns:1fr}}.ob-next-card{display:flex;flex-direction:column;gap:var(--sp-2);padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease)}.ob-next-card:hover{border-color:var(--primary-border);box-shadow:0 0 0 1px var(--primary-border),var(--shadow-sm);transform:translateY(-1px)}.ob-next-card-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary-soft-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-1)}.ob-next-card-icon svg{width:16px;height:16px}.ob-next-card-title{font-size:14px;font-weight:600;color:var(--text)}.ob-next-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.ob-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}@media (max-width:900px){.ob-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.ob-summary-grid{grid-template-columns:1fr}}.ob-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;transition:all var(--duration-fast) var(--ease)}.ob-summary-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.ob-summary-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.ob-summary-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary-soft-bg);color:var(--primary-text);display:flex;align-items:center;justify-content:center}.ob-summary-icon svg{width:16px;height:16px}.ob-summary-value{font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.ob-summary-label{font-size:13px;color:var(--text-tertiary);margin-top:var(--sp-1)}.ob-summary-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:var(--sp-2)}.ob-summary-trend.up{color:var(--success-text)}.ob-summary-trend.down{color:var(--danger-text)}.ob-summary-trend.flat{color:var(--text-tertiary)}.ob-health{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.ob-health-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.ob-health-title{font-size:15px;font-weight:600;color:var(--text)}.ob-health-row{display:grid;grid-template-columns:1fr 80px 60px;gap:var(--sp-3);align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.ob-health-row:last-child{border-bottom:none}.ob-health-name{color:var(--text);font-weight:500}.ob-health-bar-track{height:6px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.ob-health-bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--success) 0%,#22c55e 100%)}.ob-health-bar-fill.warn{background:linear-gradient(90deg,var(--warning) 0%,#f59e0b 100%)}.ob-health-bar-fill.bad{background:linear-gradient(90deg,var(--danger) 0%,#ef4444 100%)}.ob-health-val{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);text-align:end}.ob-info-row{display:flex;align-items:flex-start;gap:var(--sp-3);padding:14px 16px;background:var(--primary-soft-bg);border:1px solid var(--primary-border);border-radius:var(--radius-lg);font-size:13px;color:var(--text-secondary);line-height:1.55;margin-bottom:var(--sp-5)}.ob-info-row svg{width:16px;height:16px;color:var(--primary-text);flex-shrink:0;margin-top:1px}.ob-info-row strong{color:var(--text);font-weight:600}.ob-resend-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:13px;color:var(--text-tertiary);margin-top:var(--sp-4)}@media (max-width:720px){.ob-card{padding:28px 22px;border-radius:var(--radius-xl)}.ob-card-pad{padding:24px 22px}.ob-card-section{padding:22px}.ob-card-footer{padding:16px 22px;flex-direction:column;align-items:stretch}.ob-cards,.ob-cards-3col,.ob-oauth-row{grid-template-columns:1fr}.ob-title{font-size:24px}.ob-title-lg{font-size:28px}.ob-main{padding:32px 16px 56px}.ob-actions{flex-direction:column-reverse;align-items:stretch}.ob-actions .btn{width:100%}.ob-summary-grid{grid-template-columns:1fr}}