@keyframes pageZoomOut{0%{opacity:1;transform:scale(1) translateZ(0)}to{opacity:0;transform:scale(.3) translateZ(0)}}@keyframes pageZoomIn{0%{opacity:0;transform:scale(.3) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.page-zoom-leave-active{animation:pageZoomOut .4s cubic-bezier(.4,0,1,1) forwards;transform-origin:center center}.page-zoom-enter-active{animation:pageZoomIn .4s cubic-bezier(0,0,.2,1) forwards;transform-origin:center center}*,: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains 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}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--ui-transition-normal),color var(--ui-transition-normal);line-height:1.6}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0\.5{left:.125rem}.left-6{left:1.5rem}.right-0{right:0}.right-1\.5{right:.375rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[90\]{z-index:90}.z-modal{z-index:400}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.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-\[18px\]{height:18px}.h-\[var\(--ui-control-height\)\]{height:var(--ui-control-height)}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-96{max-height:24rem}.max-h-\[300px\]{max-height:300px}.min-h-\[160px\]{min-height:160px}.min-h-\[36px\]{min-height:36px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-1\/5{width:20%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[180px\]{min-width:180px}.min-w-\[18px\]{min-width:18px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-\[0\.6\]{flex:.6}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-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))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize-y{resize:vertical}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.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-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-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))}.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-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:16px}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:10px}.rounded-md{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border-color)}.border-emerald-500\/30{border-color:#10b9814d}.border-input-border{border-color:var(--input-border)}.border-red-500\/30{border-color:#ef44444d}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-bg-card{background-color:var(--bg-card)}.bg-bg-hover{background-color:var(--bg-hover)}.bg-bg-primary{background-color:var(--bg-primary)}.bg-bg-secondary{background-color:var(--bg-secondary)}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-border{background-color:var(--border-color)}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-danger{background-color:var(--danger)}.bg-danger-soft{background-color:var(--danger-soft)}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-info-soft{background-color:var(--info-soft)}.bg-input-bg{background-color:var(--input-bg)}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-pink-500\/10{background-color:#ec48991a}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-success{background-color:var(--success)}.bg-success-soft{background-color:var(--success-soft)}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-warning{background-color:var(--warning)}.bg-warning-soft{background-color:var(--warning-soft)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.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-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.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-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-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}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pr-3{padding-right:.75rem}.pr-7{padding-right:1.75rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-\[var\(--header-height\)\]{padding-top:var(--header-height)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,monospace}.font-numeric{font-family:Barlow Condensed,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-accent{color:var(--accent)}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-danger{color:var(--danger)}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-info{color:var(--info)}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-success{color:var(--success)}.text-text-muted{color:var(--text-muted)}.text-text-primary{color:var(--text-primary)}.text-text-secondary{color:var(--text-secondary)}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-warning{color:var(--warning)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.accent-accent{accent-color:var(--accent)}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-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{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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.font-numeric{font-family:Barlow Condensed,sans-serif}*:focus,*:focus-visible,*:focus-within{outline:none;-webkit-tap-highlight-color:transparent}*::-moz-focus-inner{border:0;padding:0}[data-theme=dark]{--bg-primary: #0d0d0d;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--bg-card: #1a1a1a;--bg-hover: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-muted: #808080;--accent: #6366F1;--accent-hover: #4F46E5;--accent-secondary: #818CF8;--accent-gradient: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);--accent-soft: rgba(99, 102, 241, .15);--success: #22C55E;--success-soft: rgba(34, 197, 94, .15);--warning: #F97316;--warning-soft: rgba(249, 115, 22, .15);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .15);--info: #3B82F6;--info-soft: rgba(59, 130, 246, .15);--violet: #f324ff;--cyan: #5aeeff;--sidebar-bg: #0d0d0d;--sidebar-item-hover: rgba(255, 255, 255, .08);--sidebar-item-active: rgba(99, 102, 241, .15);--header-bg: #0d0d0d;--input-bg: #1a1a1a;--input-border: rgba(255, 255, 255, .12);--modal-overlay: rgba(0, 0, 0, .6);--table-header-bg: rgba(255, 255, 255, .02);--table-row-hover: rgba(255, 255, 255, .04);--shadow-color: rgba(0, 0, 0, .4);--scrollbar-track: rgba(0, 0, 0, .05);--scrollbar-thumb: rgba(99, 102, 241, .6);--toast-system-bg: rgba(99, 102, 241, .95);--toast-system-text: #ffffff;--toast-system-border: rgba(255, 255, 255, .2);--toast-system-icon: #ffffff;--toast-policy-bg: rgba(0, 0, 0, .9);--toast-policy-text: #ffffff;--toast-policy-border: rgba(255, 255, 255, .1);--toast-policy-icon: #f59e0b;--toast-policy-badge-bg: #ef4444;--toast-policy-badge-text: #ffffff;--toast-alert-suspicious-primary: #f7c712;--toast-alert-suspicious-secondary: #f9d43a;--toast-alert-suspicious-bg: linear-gradient(135deg, rgba(247, 199, 18, .25) 0%, rgba(247, 199, 18, .15) 50%, rgba(247, 199, 18, .2) 100%);--toast-alert-suspicious-border: rgba(247, 199, 18, .4);--toast-alert-warning-primary: #f7a510;--toast-alert-warning-secondary: #f9b732;--toast-alert-warning-bg: linear-gradient(135deg, rgba(247, 165, 16, .2) 0%, rgba(247, 165, 16, .1) 50%, rgba(247, 165, 16, .15) 100%);--toast-alert-warning-border: rgba(247, 165, 16, .35);--toast-alert-danger-primary: #f97316;--toast-alert-danger-secondary: #fb923c;--toast-alert-danger-bg: linear-gradient(135deg, rgba(249, 115, 22, .25) 0%, rgba(249, 115, 22, .15) 50%, rgba(249, 115, 22, .2) 100%);--toast-alert-danger-border: rgba(249, 115, 22, .4);--toast-alert-critical-primary: #ef4444;--toast-alert-critical-secondary: #f87171;--toast-alert-critical-bg: linear-gradient(135deg, rgba(239, 68, 68, .3) 0%, rgba(239, 68, 68, .15) 50%, rgba(239, 68, 68, .25) 100%);--toast-alert-critical-border: rgba(239, 68, 68, .5);--white-text: #ffffff}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #ffffff;--bg-card: #ffffff;--bg-hover: rgba(0, 0, 0, .05);--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--text-primary: #1a202c;--text-secondary: #4a5568;--text-muted: #718096;--accent: #6366F1;--accent-hover: #4F46E5;--accent-secondary: #818CF8;--accent-gradient: linear-gradient(135deg, #6366F1 0%, #818CF8 100%);--accent-soft: rgba(99, 102, 241, .1);--success: #16A34A;--success-soft: rgba(22, 163, 74, .1);--warning: #EA580C;--warning-soft: rgba(234, 88, 12, .1);--danger: #DC2626;--danger-soft: rgba(220, 38, 38, .1);--info: #2563EB;--info-soft: rgba(37, 99, 235, .1);--violet: #D946EF;--cyan: #00daff;--sidebar-bg: #ffffff;--sidebar-item-hover: rgba(0, 0, 0, .05);--sidebar-item-active: rgba(99, 102, 241, .1);--header-bg: #ffffff;--input-bg: #f1f5f9;--input-border: rgba(71, 85, 105, .5);--modal-overlay: rgba(0, 0, 0, .5);--table-header-bg: transparent;--table-row-hover: rgba(0, 0, 0, .03);--shadow-color: rgba(0, 0, 0, .1);--scrollbar-track: rgba(0, 0, 0, .08);--scrollbar-thumb: rgba(99, 102, 241, .5);--toast-system-bg: rgba(99, 102, 241, .95);--toast-system-text: #ffffff;--toast-system-border: rgba(0, 0, 0, .1);--toast-system-icon: #ffffff;--toast-policy-bg: rgba(0, 0, 0, .9);--toast-policy-text: #ffffff;--toast-policy-border: rgba(0, 0, 0, .15);--toast-policy-icon: #f59e0b;--toast-policy-badge-bg: #ef4444;--toast-policy-badge-text: #ffffff;--toast-alert-suspicious-primary: #f7c712;--toast-alert-suspicious-secondary: #f9d43a;--toast-alert-suspicious-bg: linear-gradient(135deg, rgba(247, 199, 18, .2) 0%, rgba(247, 199, 18, .1) 50%, rgba(247, 199, 18, .15) 100%);--toast-alert-suspicious-border: rgba(247, 199, 18, .35);--toast-alert-warning-primary: #f7a510;--toast-alert-warning-secondary: #f9b732;--toast-alert-warning-bg: linear-gradient(135deg, rgba(247, 165, 16, .15) 0%, rgba(247, 165, 16, .08) 50%, rgba(247, 165, 16, .12) 100%);--toast-alert-warning-border: rgba(247, 165, 16, .3);--toast-alert-danger-primary: #f97316;--toast-alert-danger-secondary: #fb923c;--toast-alert-danger-bg: linear-gradient(135deg, rgba(249, 115, 22, .2) 0%, rgba(249, 115, 22, .1) 50%, rgba(249, 115, 22, .15) 100%);--toast-alert-danger-border: rgba(249, 115, 22, .35);--toast-alert-critical-primary: #ef4444;--toast-alert-critical-secondary: #f87171;--toast-alert-critical-bg: linear-gradient(135deg, rgba(239, 68, 68, .25) 0%, rgba(239, 68, 68, .12) 50%, rgba(239, 68, 68, .2) 100%);--toast-alert-critical-border: rgba(239, 68, 68, .4);--white-text: #ffffff}:root{--sidebar-width: 250px;--sidebar-collapsed-width: 90px;--header-height: 70px;--theme-rgb: 99, 102, 241;--theme-primary: #6366F1;--theme-secondary: #818CF8;--theme-primary-hover: #4F46E5;--ui-control-bg: var(--input-bg);--ui-control-border: var(--border-color);--ui-control-radius-xs: 4px;--ui-control-radius-sm: 6px;--ui-control-radius-md: 8px;--ui-control-radius-lg: 10px;--ui-control-radius-xl: 12px;--ui-control-radius-pill: 9999px;--ui-control-hover-bg: rgba(99, 102, 241, .08);--ui-control-active-bg: rgba(99, 102, 241, .12);--ui-control-focus-border: var(--theme-primary);--ui-control-focus-shadow: 0 4px 16px rgba(0, 0, 0, .1);--ui-control-disabled-opacity: .6;--ui-control-height-xxs: 22px;--ui-control-height-xs: 28px;--ui-control-height-sm: 32px;--ui-control-height-md: 36px;--ui-control-height-lg: 48px;--ui-control-height-xl: 56px;--ui-control-height-xxl: 84px;--ui-toggle-height: 26px;--ui-toggle-width: 48px;--ui-toggle-knob-size: 20px;--ui-toggle-knob-offset: 3px;--ui-surface-bg: var(--bg-card);--ui-surface-border: var(--border-color);--ui-surface-radius: 16px;--ui-surface-shadow: 0 4px 20px rgba(0, 0, 0, .08);--ui-surface-header-bg: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(99, 102, 241, .1) 100%);--ui-surface-header-height: 56px;--ui-surface-header-padding: 0 24px;--ui-surface-body-padding: 24px;--ui-surface-footer-bg: var(--input-bg);--ui-surface-footer-padding: 16px 24px;--ui-feedback-radius: 6px;--ui-feedback-radius-pill: 20px;--ui-status-success: var(--success);--ui-status-success-bg: var(--success-soft);--ui-status-error: var(--danger);--ui-status-error-bg: var(--danger-soft);--ui-status-warning: var(--warning);--ui-status-warning-bg: var(--warning-soft);--ui-status-info: var(--info);--ui-status-info-bg: var(--info-soft);--ui-status-pending: #A855F7;--ui-status-pending-bg: rgba(168, 85, 247, .15);--ui-title-size-2xl: 24px;--ui-title-size-xl: 20px;--ui-title-size-lg: 18px;--ui-title-size-md: 16px;--ui-title-size-sm: 14px;--ui-title-weight: 600;--ui-label-size: 13px;--ui-label-weight: 500;--ui-text-size-lg: 14px;--ui-text-size-md: 13px;--ui-text-size-sm: 12px;--ui-text-size-xs: 11px;--ui-transition-fast: .15s ease;--ui-transition-normal: .2s ease;--ui-transition-slow: .3s ease;--ui-btn-primary-text: #ffffff;--ui-btn-primary-shadow: 0 4px 15px rgba(99, 102, 241, .3);--ui-btn-primary-hover-shadow: 0 6px 20px rgba(99, 102, 241, .4);--ui-modal-overlay-bg: var(--modal-overlay);--ui-modal-z-index: 400;--ui-toast-z-index: 1000;--ui-toast-shadow: 0 4px 20px rgba(0, 0, 0, .15);--ui-scrollbar-width: 6px;--ui-scrollbar-track: var(--scrollbar-track);--ui-scrollbar-thumb: var(--scrollbar-thumb);--ui-scrollbar-thumb-hover: rgba(99, 102, 241, .8);--ui-tab-bg: transparent;--ui-tab-hover-bg: rgba(99, 102, 241, .08);--ui-tab-active-bg: rgba(99, 102, 241, .15);--ui-tab-active-border: var(--theme-primary);--ui-space-3xs: 2px;--ui-space-2xs: 4px;--ui-space-xs: 6px;--ui-space-sm: 8px;--ui-space-md: 12px;--ui-space-lg: 16px;--ui-space-xl: 20px;--ui-space-2xl: 24px;--ui-space-3xl: 32px;--ui-space-4xl: 40px;--ui-space-5xl: 48px;--ui-page-padding: 24px;--ui-page-padding-mobile: 12px;--ui-card-padding: 20px;--ui-card-padding-mobile: 12px;--ui-card-gap: 20px;--ui-card-gap-mobile: 12px;--ui-section-gap: 24px;--ui-section-gap-mobile: 16px;--ui-list-gap: 8px;--ui-inline-gap: 8px;--ui-form-gap: 16px}[data-theme=dark]{--text-tertiary: #606060}[data-theme=light]{--text-tertiary: #a0aec0}.agent-tabs-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.agent-tabs{display:flex;gap:4px;padding:3px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;width:-moz-fit-content;width:fit-content}.agent-tab-input{display:none}.agent-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);font-weight:var(--ui-label-weight);color:var(--text-secondary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.agent-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.agent-tab-input:checked+.agent-tab{background:var(--accent);color:var(--bg-card);box-shadow:0 1px 3px var(--accent-soft)}@keyframes sk-gradient-slide{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.sk-anim{background:linear-gradient(90deg,#ffffff0d,#ffffff1f,#ffffff0d);background-size:200% 100%;animation:sk-gradient-slide 2s ease infinite;border-radius:var(--ui-control-radius-sm)}[data-theme=light] .sk-anim{background:linear-gradient(90deg,#0000000a,#0000001a,#0000000a);background-size:200% 100%}.tdp-modal-overlay{position:fixed;inset:0;background:var(--modal-overlay);z-index:410;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--ui-transition-normal),visibility var(--ui-transition-normal)}.tdp-modal-overlay.active{opacity:1;visibility:visible}.tdp-modal-container{transform:scale(.95);transition:transform var(--ui-transition-normal)}.tdp-modal-overlay.active .tdp-modal-container{transform:scale(1)}.tdp-modal-overlay .tdp-picker{max-height:90vh;overflow-y:auto}.tdp-picker{width:380px;border-radius:var(--radius-xl, 16px);overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg, 0 4px 20px rgba(0, 0, 0, .08))}.tdp-header{background:var(--accent-gradient, linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%));padding:20px 24px;color:#fff;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tdp-header-title{font-size:var(--ui-text-size-sm);color:#fffc;margin-bottom:6px;letter-spacing:.5px}.tdp-header-selected{font-size:var(--ui-title-size-lg);font-weight:var(--ui-label-weight);color:#fff}.tdp-calendar-section{padding:0 24px 20px;background:var(--bg-card)}.tdp-ym-selector{position:relative;margin:0 -24px 20px}.tdp-ym-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 24px;background:var(--bg-card);border:none;border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);font-size:15px;font-weight:var(--ui-title-weight);transition:all var(--ui-transition-normal)}.tdp-ym-btn:hover{background:rgba(var(--theme-rgb),.08)}.tdp-ym-btn i{font-size:10px;color:var(--theme-primary);transition:transform var(--ui-transition-normal)}.tdp-ym-btn.active i{transform:rotate(180deg)}.tdp-ym-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-xl);box-shadow:0 10px 40px var(--shadow-color);z-index:100;display:none;overflow:hidden}.tdp-ym-dropdown.active{display:block;animation:tdpDropdownFadeIn .2s ease}@keyframes tdpDropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tdp-ym-scroll-container{display:flex;padding:8px;gap:8px}.tdp-ym-scroll-column{display:flex;flex-direction:column;align-items:center}.tdp-ym-scroll-label{font-size:var(--ui-text-size-xs);color:var(--text-muted);margin-bottom:8px;letter-spacing:.5px}.tdp-ym-scroll{width:80px;height:180px;overflow-y:auto;background:transparent;border-radius:var(--ui-control-radius-md);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255,255,255,.2)) transparent;overscroll-behavior:contain}.tdp-ym-scroll-item{height:var(--ui-control-height-md);display:flex;align-items:center;justify-content:center;font-size:var(--ui-text-size-lg);color:var(--text-muted);cursor:pointer;transition:all var(--ui-transition-fast);border-radius:var(--ui-control-radius-sm);margin:2px 4px}.tdp-ym-scroll-item:hover{background:rgba(var(--theme-rgb),.08);color:var(--text-primary)}.tdp-ym-scroll-item.selected{background:var(--theme-primary);color:#fff;font-weight:var(--ui-title-weight)}.tdp-ym-dropdown-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--border-color)}.tdp-ym-confirm-btn{padding:8px 24px;background:var(--theme-primary);color:#fff;border:none;border-radius:var(--ui-control-radius-sm);font-size:var(--ui-text-size-md);font-weight:var(--ui-title-weight);cursor:pointer;transition:all var(--ui-transition-normal)}.tdp-ym-confirm-btn:hover{background:var(--theme-secondary);box-shadow:0 4px 15px rgba(var(--theme-rgb),.3)}.tdp-calendar-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tdp-nav-btn{width:32px;height:var(--ui-control-height-sm);border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--theme-primary);transition:all var(--ui-transition-normal);font-size:var(--ui-text-size-sm)}.tdp-nav-btn:hover{background:rgba(var(--theme-rgb),.08)}.tdp-nav-label{font-size:var(--ui-text-size-md);color:var(--text-muted)}.tdp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.tdp-weekday{text-align:center;font-size:var(--ui-text-size-sm);color:var(--text-muted);padding:8px 0;font-weight:var(--ui-label-weight)}.tdp-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.tdp-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--ui-text-size-md);color:var(--text-muted);cursor:pointer;border-radius:50%;position:relative;z-index:1;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:var(--ui-label-weight)}.tdp-day:before{content:"";position:absolute;width:36px;height:36px;border-radius:50%;background:transparent;z-index:-1;transform:scale(.7);transition:all .25s cubic-bezier(.4,0,.2,1)}.tdp-day:not(.other):not(.disabled):hover{color:#fff}.tdp-day:not(.other):not(.disabled):hover:before{background:var(--theme-status-warning, #eab308);border:1px solid var(--theme-status-warning, #eab308);transform:scale(1)}.tdp-day.today{color:var(--theme-primary);font-weight:var(--ui-title-weight)}.tdp-day.today:before{border:2px solid var(--theme-primary);transform:scale(1)}.tdp-day.selected{color:#fff}.tdp-day.selected:before{background:var(--theme-primary);transform:scale(1)}.tdp-day.other{opacity:.25;cursor:default}.tdp-day.disabled{opacity:.3;cursor:not-allowed}.tdp-timepicker-section{padding:24px;background:var(--bg-card);border-top:1px solid var(--border-color)}.tdp-timeline-wrapper{display:block;float:left;position:relative;width:100%;height:35px;cursor:default;margin-bottom:10px;margin-top:10px;padding:0 16px;box-sizing:border-box}.tdp-timeline-bar{display:block;z-index:1;height:2px;position:absolute;bottom:0;left:16px;right:16px;width:calc(100% - 32px);cursor:default}.tdp-timeline-bar:before,.tdp-timeline-bar:after{content:"";display:block;width:2px;height:10px;top:-6px;position:absolute;background:var(--theme-primary);left:0;transition:background var(--ui-transition-fast);cursor:pointer}.tdp-timeline-bar:after{left:auto;right:0}.tdp-timeline-marks{display:block;z-index:0;width:calc(100% - 32px);height:10px;position:absolute;top:31px;left:16px;cursor:default}.tdp-timeline-mark{width:2px;display:block;float:left;height:4px;background:var(--theme-primary);position:relative;margin-left:calc((100% / 12) - 2px);transition:background var(--ui-transition-fast),transform var(--ui-transition-fast);cursor:pointer}.tdp-timeline-mark:before{content:"";position:absolute;top:-15px;left:-12px;width:26px;height:34px;background:transparent}.tdp-timeline-mark:hover{background:var(--theme-secondary);transform:scaleY(1.5)}.tdp-timeline-mark:nth-child(3n){height:6px;top:-1px}.tdp-time-indicator{display:block;position:absolute;z-index:1;width:40px;height:40px;border-radius:20px;top:-25px;left:-20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:40px;text-align:center;font-size:var(--ui-text-size-sm);font-weight:var(--ui-title-weight);color:#fff;transition:all var(--ui-transition-fast)}.tdp-time-indicator.dragging{cursor:grabbing;transition:none}.tdp-time-indicator:after{content:"";display:block;width:40px;height:40px;position:absolute;background:var(--theme-primary);transition:all var(--ui-transition-fast);transform:rotate(45deg);border-radius:20px 20px 3px;z-index:-1;top:0}.tdp-timeline-labels{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.tdp-timeline-label{font-size:10px;color:var(--text-muted)}.tdp-time-controls{display:flex;align-items:center;gap:16px}.tdp-time-adjuster{display:flex;align-items:center;flex:1;background:transparent;border-radius:var(--ui-control-radius-md);padding:4px}.tdp-time-btn.tdp-btn-minus,.tdp-time-btn.tdp-btn-plus{width:32px;height:var(--ui-control-height-sm);border:none;background:rgba(var(--theme-rgb),.08);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-control-radius-sm);color:var(--theme-primary);transition:all var(--ui-transition-normal);font-size:var(--ui-text-size-sm)}.tdp-time-btn.tdp-btn-minus:hover,.tdp-time-btn.tdp-btn-plus:hover{background:var(--theme-primary);color:#fff}.tdp-time-btn:active{transform:scale(.95)}.tdp-time-value{flex:1;text-align:center;font-size:22px;font-weight:var(--ui-title-weight);color:var(--theme-primary);padding:8px;position:relative}.tdp-time-value:after{content:"";position:absolute;bottom:4px;left:20%;right:20%;height:2px;background:rgba(var(--theme-rgb),.3);border-radius:1px}.tdp-ampm-buttons{display:flex;gap:6px}.tdp-ampm-btn{padding:10px 16px;border:none;border-radius:var(--ui-control-radius-sm);font-size:var(--ui-text-size-md);font-weight:var(--ui-title-weight);cursor:pointer;transition:all var(--ui-transition-normal)}.tdp-ampm-btn.active.am-active{background:var(--theme-status-success, #22c55e);color:#fff;border:1px solid var(--theme-status-success, #22c55e);box-shadow:0 4px 12px rgba(var(--status-success-rgb, 34, 197, 94),.3)}.tdp-ampm-btn.active.pm-active{background:var(--theme-status-info, #3b82f6);color:#fff;border:1px solid var(--theme-status-info, #3b82f6);box-shadow:0 4px 12px rgba(var(--theme-rgb),.3)}.tdp-ampm-btn.tdp-ampm-am:not(.active),.tdp-ampm-btn.tdp-ampm-pm:not(.active){background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.tdp-ampm-btn.tdp-ampm-am:not(.active):hover,.tdp-ampm-btn.tdp-ampm-pm:not(.active):hover{border-color:var(--text-muted);color:var(--text-primary)}.tdp-buttons-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color);background:var(--input-bg, var(--bg-secondary))}.tdp-btn-cancel{padding:10px 20px;background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-lg);font-weight:var(--ui-label-weight);cursor:pointer;transition:all var(--ui-transition-normal)}.tdp-btn-cancel:hover{background:var(--bg-hover);border-color:var(--text-muted);color:var(--text-primary)}.tdp-btn-save{padding:10px 24px;background:var(--accent-gradient, linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%));color:#fff;border:1px solid transparent;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-lg);font-weight:var(--ui-title-weight);cursor:pointer;transition:all var(--ui-transition-normal)}.tdp-btn-save:hover{background:var(--theme-primary);transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--theme-rgb),.4)}.tdp-btn-save:active{transform:translateY(0)}@media(max-width:420px){.tdp-picker{width:100%;max-width:380px}}.detail-section{margin-bottom:28px;padding:20px;background:var(--bg-card);border-radius:var(--ui-surface-radius);border:1px solid var(--border-color);transition:all var(--ui-transition-slow)}.detail-section:hover{border-color:var(--accent);box-shadow:0 4px 16px var(--shadow-color)}.detail-section-title{font-size:17px;font-weight:700;color:var(--accent);margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--accent);display:flex;align-items:center;gap:8px}.detail-section-title i{font-size:var(--ui-title-size-lg)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;row-gap:20px}.detail-grid-2col{grid-template-columns:repeat(2,1fr)}.detail-grid-3col{grid-template-columns:repeat(3,1fr)}.detail-grid-4col{grid-template-columns:repeat(4,1fr)}.detail-grid-1col{grid-template-columns:1fr}.detail-item{display:flex;flex-direction:column;gap:6px;position:relative}.detail-label{font-size:var(--ui-text-size-sm);font-weight:400;color:var(--text-secondary);letter-spacing:.5px}.detail-value{display:flex;align-items:center;gap:8px}.detail-value .detail-input,.detail-value .ui-select{flex:1;min-width:0}.detail-text{font-size:var(--ui-text-size-lg);font-weight:400;color:var(--text-primary);flex:1}.detail-skeleton-tabs{display:flex;gap:8px;margin-bottom:24px}.detail-skeleton-section{margin-bottom:28px;padding:20px;background:var(--bg-card);border-radius:var(--ui-surface-radius);border:1px solid var(--border-color)}.detail-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;row-gap:20px}.detail-skeleton-item{display:flex;flex-direction:column}@media(max-width:768px){.detail-skeleton-grid{grid-template-columns:repeat(2,1fr)}}.promo-card{background:var(--bg-secondary);border-radius:var(--ui-control-radius-md);padding:16px;border:1px solid var(--border-color)}.promo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.promo-title{font-size:var(--ui-text-size-lg);font-weight:700;color:var(--text-primary)}.promo-status-badge{font-size:var(--ui-text-size-xs);font-weight:600;padding:3px 10px;border-radius:var(--ui-badge-radius);letter-spacing:.3px}.promo-status-active{background:var(--feedback-success-bg);color:var(--feedback-success-text)}.promo-status-pending{background:var(--feedback-warning-bg);color:var(--feedback-warning-text)}.promo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.promo-stat-item{background:var(--bg-card);border-radius:var(--ui-control-radius-md);padding:12px;text-align:center;border:1px solid var(--border-color)}.promo-stat-label{font-size:var(--ui-text-size-xs);color:var(--text-secondary);margin-bottom:4px}.promo-stat-value{font-size:var(--ui-text-size-lg);font-weight:700;color:var(--text-primary)}.promo-stat-highlight{color:var(--accent)}.promo-progress-wrap{margin-bottom:16px}.promo-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.promo-progress-label{font-size:var(--ui-text-size-sm);color:var(--text-secondary)}.promo-progress-pct{font-size:var(--ui-text-size-sm);font-weight:700;color:var(--accent)}.promo-progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.promo-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .5s ease}.promo-footer{display:flex;gap:24px;flex-wrap:wrap}.promo-footer-item{display:flex;align-items:center;gap:6px}.promo-footer-label{font-size:var(--ui-text-size-xs);color:var(--text-secondary)}.promo-footer-value{font-size:var(--ui-text-size-sm);font-weight:600;color:var(--text-primary)}.promo-min-warn{color:var(--feedback-error-text)}.promo-empty{font-size:var(--ui-text-size-sm);color:var(--text-secondary);padding:8px 0}@media(max-width:768px){.promo-stats{grid-template-columns:repeat(2,1fr)}.promo-footer{flex-direction:column;gap:8px}}.detail-input{width:100%;height:var(--ui-control-height-sm);padding:0 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);color:var(--text-primary);font-size:var(--ui-text-size-lg);font-weight:400;line-height:20px;transition:all var(--ui-transition-normal);outline:none}.detail-input::-moz-placeholder{color:var(--text-muted)}.detail-input::placeholder{color:var(--text-muted)}.detail-input:hover:not(:disabled){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.detail-input:focus:not(:disabled){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.1);box-shadow:0 4px 16px #0000001a}.detail-input:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:1;background:var(--bg-secondary);border-color:var(--border-color);cursor:default}.detail-input.readonly-display{opacity:1;cursor:default;pointer-events:none;background:var(--bg-secondary);border-color:var(--border-color);font-weight:400;color:var(--text-primary)}.password-field{display:flex;align-items:center;gap:8px}.password-field .detail-input,.password-field input{flex:1;min-width:0}.password-toggle{flex-shrink:0;width:32px;height:var(--ui-control-height-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:var(--ui-title-size-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-sm);transition:all var(--ui-transition-slow);outline:none}.password-toggle:hover,.password-toggle:focus{color:var(--accent);background:rgba(var(--theme-rgb),.1);border-color:var(--accent)}.password-toggle:disabled{opacity:.6}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border-color);border-radius:24px;transition:all var(--ui-transition-slow)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:var(--bg-card);border-radius:50%;transition:all var(--ui-transition-slow);box-shadow:0 1px 3px var(--shadow-color)}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch.toggle-disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--ui-space-md);border-radius:var(--ui-control-radius-pill);font-size:var(--ui-text-size-sm);height:var(--ui-control-height-xs);white-space:nowrap;min-width:48px;border:1px solid rgba(255,255,255,.2);position:relative}.status-badge:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none;border-radius:var(--ui-control-radius-pill) var(--ui-control-radius-pill) 0 0}.status-badge.active{background:#3b82f626;color:#3b82f6;border-color:#3b82f666}.status-badge.pending{background:#f9731626;color:#f97316;border-color:#f9731666}.status-badge.suspended,.status-badge.blocked{background:#ef444426;color:#ef4444;border-color:#ef444466}.status-badge.dormant{background:#6b728026;color:#6b7280;border-color:#6b728066}.status-badge.normal{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.status-badge.inactive{background:#6b728026;color:#6b7280;border-color:#6b728066}.status-badge.approved,.status-badge.completed{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.status-badge.rejected{background:#ef444426;color:#ef4444;border-color:#ef444466}.status-badge.verified{background:#3b82f626;color:#3b82f6;border-color:#3b82f666}.status-badge.banned{background:#ef444426;color:#ef4444;border-color:#ef444466}.status-badge.withdrawn{background:#6b728026;color:#6b7280;border-color:#6b728066}.status-badge.vip{background:#f9731626;color:#f97316;border-color:#f9731666}.status-badge.closed{background:#6b728026;color:#6b7280;border-color:#6b728066}.status-badge.duplicate{position:relative;background:linear-gradient(135deg,#f9731666,#ea580c40,#f973164d);color:var(--warning);border-color:#f9731666;z-index:10}.count-badge{position:absolute;top:-6px;right:-8px;background:linear-gradient(135deg,#f97316,#ea580cd9,#f97316f2);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1;border:1px solid rgba(255,255,255,.2);overflow:hidden;z-index:10}.mini-tags-container{position:relative;top:2px;height:26px;display:inline-flex;align-items:center;overflow:visible}.mini-tag{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);box-shadow:0 2px 6px var(--shadow-color);cursor:pointer;transition:transform .25s cubic-bezier(.4,0,.2,1),margin .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;position:relative;flex-shrink:0}.mini-tag+.mini-tag{margin-left:-16px}.mini-tag i{font-size:var(--ui-text-size-xs);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mini-tags-container:hover .mini-tag+.mini-tag{margin-left:4px}.mini-tag:hover{transform:scale(1.2);z-index:999;box-shadow:0 6px 16px #00000040}.mini-tag-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.8);background:var(--bg-card);color:var(--text-primary);font-size:var(--ui-text-size-xs);font-weight:var(--ui-label-weight);padding:4px 8px;border-radius:var(--ui-control-radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--ui-transition-normal),transform var(--ui-transition-normal);border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;z-index:1000}.mini-tag-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--border-color)}.mini-tag:hover .mini-tag-tooltip{opacity:1;transform:translate(-50%) scale(1)}.action-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:var(--ui-control-radius-sm);font-size:var(--ui-text-size-sm);cursor:pointer;border:1px solid rgba(var(--theme-rgb),.4);background:linear-gradient(135deg,rgba(var(--theme-rgb),.4),rgba(var(--theme-rgb),.25),rgba(var(--theme-rgb),.3));color:var(--text-primary);height:var(--ui-control-height-sm);line-height:16px;white-space:nowrap;min-width:70px;width:auto;overflow:visible;text-overflow:ellipsis;transition:background var(--ui-transition-slow),color var(--ui-transition-slow)}.action-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#fff3,#fff0);pointer-events:none;border-radius:6px 6px 0 0}.action-btn:hover:not(:disabled){background:linear-gradient(135deg,rgba(var(--theme-rgb),.9),rgba(var(--theme-rgb),.85));color:#fff;border-color:rgba(var(--theme-rgb),.9);box-shadow:0 4px 12px rgba(var(--theme-rgb),.3)}.action-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none;box-shadow:none}.action-btn.danger{border-color:#ef44444d;background:linear-gradient(135deg,#ef44444d,#ef444426);color:var(--danger)}.action-btn.danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff;box-shadow:0 4px 12px #ef44444d}.action-btn.success{border-color:#22c55e4d;background:linear-gradient(135deg,#22c55e4d,#22c55e26);color:var(--success)}.action-btn.success:hover:not(:disabled){background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 4px 12px #22c55e4d}.data-table td .action-btn,.ui-table td .action-btn,.data-table td .ui-btn--edit,.ui-table td .ui-btn--edit{height:var(--ui-control-height-xs);padding:var(--ui-space-2xs) var(--ui-space-sm);font-size:var(--ui-text-size-xs)}.ui-btn--edit{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:var(--ui-control-height-sm);padding:0 10px;border-radius:var(--ui-control-radius-sm);font-size:var(--ui-text-size-sm);font-weight:400;cursor:pointer;border:1px solid rgba(var(--theme-rgb),.3);background:rgba(var(--theme-rgb),.1);color:var(--accent);transition:all var(--ui-transition-normal);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.ui-btn--edit i{font-size:var(--ui-text-size-sm);line-height:1}.ui-btn--edit span{line-height:1}.ui-btn--edit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none;z-index:1}.ui-btn--edit:hover:before{left:100%}.ui-btn--edit:hover{border-color:var(--accent);color:#fff;background:rgba(var(--theme-rgb),.9)}.ui-btn--edit:hover i{color:#fff}.ui-btn--edit.editing{border-color:var(--success);color:#fff;background:var(--success)}.ui-btn--edit.editing:hover{background:color-mix(in srgb,var(--success) 85%,black);box-shadow:0 4px 12px #22c55e4d}.ui-btn--edit.sms{border-color:#3b82f64d;background:#3b82f61a;color:var(--info)}.ui-btn--edit.sms:hover{background:var(--info);border-color:var(--info);color:#fff}.ui-btn--edit:disabled{opacity:.5;cursor:not-allowed}.input-group{display:flex;gap:8px}.input-group .detail-input{flex:1}.remark-list{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}.remark-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);transition:all var(--ui-transition-normal);flex-shrink:0}.remark-item:hover{background:var(--bg-hover);border-color:rgba(var(--theme-rgb),.3)}.filter-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--ui-surface-radius);margin-bottom:20px;transition:all var(--ui-transition-slow)}.filter-card:hover{border-color:rgb(var(--theme-rgb));box-shadow:0 4px 16px #0000001a}.filter-header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border-color);font-size:var(--ui-text-size-lg);font-weight:var(--ui-title-weight);color:var(--text-primary)}.filter-header i{color:rgb(var(--theme-rgb))}.filter-body{padding:16px 20px}.filter-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:0}.filter-group label{font-size:var(--ui-text-size-md);font-weight:var(--ui-label-weight);color:var(--text-secondary);height:18px;line-height:18px;white-space:nowrap}.filter-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);height:var(--ui-control-height-sm);padding:0 14px;color:var(--text-primary);font-size:var(--ui-text-size-md);font-weight:400;min-width:150px;line-height:20px;transition:all var(--ui-transition-normal);outline:none;width:100%}.filter-input::-moz-placeholder{color:var(--text-muted)}.filter-input::placeholder{color:var(--text-muted)}.filter-input:hover:not(:disabled){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.filter-input:focus:not(:disabled){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.1);box-shadow:0 4px 16px #0000001a}.filter-input:disabled{opacity:1;cursor:default;pointer-events:none;background:var(--bg-secondary);border-color:var(--border-color)}.ui-select{position:relative;width:100%}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);padding:5px 12px;height:var(--ui-control-height-sm);min-width:150px;line-height:20px;font-size:var(--ui-text-size-md);color:var(--text-primary);cursor:pointer;transition:all var(--ui-transition-normal);position:relative}.ui-select:not(.disabled) .ui-select-trigger:hover{border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.ui-select.open .ui-select-trigger{border-color:rgb(var(--theme-rgb));box-shadow:0 4px 16px #0000001a;background:rgba(var(--theme-rgb),.1)}.ui-select-trigger:focus{outline:none;border-color:rgb(var(--theme-rgb))}.ui-select.disabled .ui-select-trigger{opacity:1;cursor:default;pointer-events:none;background:var(--bg-secondary);border-color:var(--border-color)}.ui-select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-value.placeholder{color:var(--text-muted)}.ui-select-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform var(--ui-transition-normal);width:12px;height:12px}.ui-select-arrow svg{width:12px;height:12px;color:var(--text-secondary)}.ui-select.open .ui-select-arrow{transform:rotate(180deg)}.ui-select-options{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:500;margin:0;padding:4px 0;list-style:none;background:var(--bg-card);border:1px solid var(--theme-primary);border-radius:var(--ui-control-radius-md);box-shadow:0 8px 24px #00000026;max-height:200px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;animation:ui-select-dropdown .15s ease-out}@keyframes ui-select-dropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ui-select-option{padding:5px 0 5px 25px;cursor:pointer;transition:all var(--ui-transition-fast);color:var(--text-primary);font-size:var(--ui-text-size-md);position:relative;border-radius:var(--ui-control-radius-sm)}.ui-select-option:hover{background:rgba(var(--theme-rgb),.1)}.ui-select-option.selected{background:rgba(var(--theme-rgb),.15);color:var(--theme-primary)}.ui-select-option.selected:hover{background:rgba(var(--theme-rgb),.2)}.ui-select-option.selected:before{content:"✓";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:var(--ui-text-size-md);color:var(--theme-primary)}.ui-select-option:focus{outline:none;background:rgba(var(--theme-rgb),.1)}.ui-select-options::-webkit-scrollbar{width:6px}.ui-select-options::-webkit-scrollbar-track{background:transparent}.ui-select-options::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.tag-option,.tag-select-display{display:flex;align-items:center;gap:8px;min-width:0}.tag-option-badge{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid white}.tag-option-badge i{font-size:var(--ui-text-size-xs);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tag-option-name{font-size:var(--ui-text-size-md);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ui-select-option.selected .tag-option-name{color:var(--theme-primary)}.ui-select-option:has(.tag-option){padding-left:8px;display:flex;align-items:center}.ui-select-option:has(.tag-option).selected:before{display:none}.ui-select-value .tag-select-display{gap:6px}.ui-select-value .tag-option-badge{width:20px;height:20px}.ui-select-value .tag-option-badge i{font-size:9px}.ui-select-value .tag-option-name{overflow:hidden;text-overflow:ellipsis;min-width:0}.filter-group.date-picker-wrapper{min-width:120px;max-width:150px;flex:0 0 auto}.custom-date-input{position:relative;display:flex;align-items:center;width:100%;cursor:pointer}.custom-date-input input{padding-right:35px;cursor:pointer;min-width:110px}.custom-date-input i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:var(--ui-text-size-md);color:rgb(var(--theme-rgb));pointer-events:none;transition:color var(--ui-transition-normal)}.custom-date-input:hover input{border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.custom-date-input:hover i{color:rgb(var(--theme-rgb))}.filter-buttons{display:flex;align-items:flex-end;gap:8px}.filter-checkbox-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.filter-checkbox-item{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:var(--ui-control-height-sm);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-sm);background:var(--bg-card);color:var(--text-muted);font-size:var(--ui-text-size-sm);font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--ui-transition-normal)}.filter-checkbox-item:hover{border-color:rgb(var(--theme-rgb));color:rgb(var(--theme-rgb))}.filter-checkbox-item span:not(.checkmark){color:inherit}.filter-checkbox-item.active{border-color:rgb(var(--theme-rgb));color:var(--text-primary)}.filter-checkbox-item .checkmark{position:relative;width:18px;height:18px;background:var(--bg-card);border:2px solid var(--border-color);border-radius:4px;transition:all .2s ease;flex-shrink:0}.filter-checkbox-item:hover .checkmark{border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.06)}.filter-checkbox-item.active .checkmark{background:transparent;border-color:rgb(var(--theme-rgb))}.filter-checkbox-item .checkmark:after{content:"";position:absolute;left:4px;top:0;width:6px;height:11px;border:solid rgb(var(--theme-rgb));border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);opacity:0;transition:none}.filter-checkbox-item.active .checkmark:after{animation:checkDraw .3s ease forwards}@keyframes checkDraw{0%{transform:rotate(45deg) scale(0);opacity:0}50%{transform:rotate(45deg) scale(1.2);opacity:1}to{transform:rotate(45deg) scale(1);opacity:1}}.filter-checkbox-divider{width:1px;height:24px;background:var(--border-color);margin:0 4px;flex-shrink:0}.table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--ui-surface-radius);transition:all var(--ui-transition-slow);overflow:visible}.table-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #0000001a}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color);height:var(--ui-control-height-xl);line-height:24px}.table-title{display:flex;align-items:center;gap:12px;font-size:16px;color:var(--text-primary);height:24px;line-height:24px;white-space:nowrap}.table-title i{color:var(--accent)}.table-header-right{display:flex;align-items:center;gap:16px}.table-info{font-size:14px;color:var(--text-secondary);height:20px;line-height:20px;white-space:nowrap}.table-info .count{color:var(--text-primary);font-weight:700;margin-left:8px;margin-right:4px}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{position:sticky;top:0;z-index:5}.data-table th{padding:12px 14px;text-align:center;vertical-align:middle;font-size:var(--ui-text-size-sm);font-weight:var(--ui-title-weight);color:var(--text-secondary);background:var(--table-header-bg);border-bottom:1px solid var(--border-color);white-space:nowrap;letter-spacing:.3px}.data-table td{padding:10px 14px;text-align:center;vertical-align:middle;font-size:var(--ui-text-size-md);color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap}.data-table td .toggle-switch{vertical-align:middle}.data-table tbody tr{transition:background var(--ui-transition-fast)}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table td.text-right,.data-table th.text-right{text-align:right}.data-table td.text-left,.data-table th.text-left{text-align:left}.data-table td.negative-value{color:var(--danger)}.no-data-message{text-align:center;padding:40px 0;color:var(--text-muted);font-size:var(--ui-text-size-lg)}.no-data-message i{margin-right:8px}.data-table-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px}.page-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:var(--ui-control-height-sm);padding:0 8px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);font-weight:var(--ui-label-weight);color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color);cursor:pointer;transition:all var(--ui-transition-normal)}.page-btn:hover:not(:disabled):not(.active){border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);color:var(--bg-card);border-color:var(--accent)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.end-of-list-message{text-align:center;padding:12px;font-size:var(--ui-text-size-md);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:6px}.ui-input{display:block;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);padding:5px 12px;height:var(--ui-control-height-sm);font-size:var(--ui-text-size-md);color:var(--text-primary);transition:all var(--ui-transition-normal)}.ui-input::-moz-placeholder{color:var(--text-muted)}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover:not(:disabled):not(:-moz-read-only){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.ui-input:hover:not(:disabled):not(:read-only){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.ui-input:focus{border-color:rgb(var(--theme-rgb));box-shadow:var(--ui-control-focus-shadow);outline:none}.ui-input--sm{height:var(--ui-control-height-xs);font-size:var(--ui-text-size-sm)}.ui-input--lg{height:var(--ui-control-height-lg);font-size:var(--ui-text-size-lg)}.ui-input:disabled,.ui-input.disabled{opacity:var(--ui-control-disabled-opacity);cursor:not-allowed}.ui-textarea{display:block;width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--ui-control-radius-md);padding:8px 12px;font-size:var(--ui-text-size-md);color:var(--text-primary);transition:all var(--ui-transition-normal);resize:vertical;min-height:80px}.ui-textarea::-moz-placeholder{color:var(--text-muted)}.ui-textarea::placeholder{color:var(--text-muted)}.ui-textarea:hover:not(:disabled):not(:-moz-read-only){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.ui-textarea:hover:not(:disabled):not(:read-only){border-color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.05)}.ui-textarea:focus{border-color:rgb(var(--theme-rgb));box-shadow:var(--ui-control-focus-shadow);outline:none}.ui-modal-overlay{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;background:var(--modal-overlay);opacity:0;visibility:hidden;transition:opacity var(--ui-transition-slow),visibility var(--ui-transition-slow)}.ui-modal-overlay.active{opacity:1;visibility:visible}.ui-modal-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:90%;max-height:90vh;display:flex;flex-direction:column;animation:modalScaleIn .3s ease}.ui-modal--xl{max-width:1200px;max-height:92vh}.ui-modal--lg{max-width:900px}.ui-modal--md{max-width:700px}.ui-modal--sm{max-width:420px;max-height:none}.ui-modal--xs{max-width:400px;max-height:none}.ui-modal--xs .ui-modal-body,.ui-modal--sm .ui-modal-body{min-height:auto;max-height:none;height:auto}.ui-modal--xl .ui-modal-body{min-height:calc(92vh - 178px);max-height:calc(92vh - 178px);overscroll-behavior:contain}.ui-modal-footer--center{justify-content:center}.ui-modal-footer--left{justify-content:flex-start}.ui-modal-footer--between{justify-content:space-between}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-space-lg) var(--ui-space-2xl);border-bottom:1px solid var(--border-color)}.ui-modal-header h3{display:flex;align-items:center;gap:var(--ui-inline-gap);font-size:var(--ui-title-size-md);font-weight:var(--ui-title-weight);color:var(--text-primary)}.ui-modal-header h3 i{color:var(--accent)}.ui-modal-close{width:32px;height:var(--ui-control-height-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--ui-control-radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--ui-transition-normal)}.ui-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.ui-modal-tabs-wrapper{padding:var(--ui-space-md) var(--ui-space-2xl) var(--ui-space-md);border-bottom:1px solid var(--border-color)}.ui-modal-agent-tabs{background:transparent;border:none;padding:0;border-radius:0}.ui-modal-body{flex:1;overflow-y:auto;padding:var(--ui-space-2xl)}.ui-modal-footer{padding:var(--ui-space-md) var(--ui-space-2xl);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-inline-gap)}@media(max-width:768px){.ui-modal-container{width:95%;max-height:95vh;border-radius:var(--ui-surface-radius)}.ui-modal--xl,.ui-modal--lg,.ui-modal--md,.ui-modal--sm,.ui-modal--xs{max-width:none}.ui-modal-header{padding:var(--ui-space-md) var(--ui-space-lg)}.ui-modal-body{padding:var(--ui-space-lg)}.ui-modal-tabs-wrapper{padding:var(--ui-space-sm) var(--ui-space-lg) 0}.ui-modal-footer{padding:var(--ui-space-md) var(--ui-space-lg)}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.um-draggable-header{cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.um-draggable-header:active{cursor:grabbing}.um-dragging{position:fixed;margin:0;transform:none;animation:none}.um-lock-scroll{overflow:hidden}.ui-btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-inline-gap);padding:0 var(--ui-space-lg);border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:linear-gradient(135deg,var(--accent),var(--accent-hover, var(--accent)));color:#fff;border:1px solid transparent;cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-hover, var(--accent)),var(--accent));box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.ui-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ui-btn--primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none;z-index:1}.ui-btn--primary:hover:not(:disabled):before{left:100%}.ui-btn--cancel{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px}.ui-btn--cancel:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--success{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:var(--success);border:1px solid transparent;color:#fff;cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--success:hover:not(:disabled){background:color-mix(in srgb,var(--success) 85%,black);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.ui-btn--danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:var(--danger);border:1px solid transparent;color:#fff;cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 85%,black);box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.ui-btn--warning{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:linear-gradient(135deg,var(--warning),var(--warning));border:1px solid transparent;color:#fff;cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.ui-btn--info{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:var(--info);border:1px solid transparent;color:#fff;cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--info:hover:not(:disabled){background:color-mix(in srgb,var(--info) 85%,black);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.ui-btn--outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:transparent;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm);min-width:80px;position:relative;overflow:hidden}.ui-btn--outline:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease;pointer-events:none;z-index:1}.ui-btn--outline:hover:not(:disabled):before{left:100%}.ui-btn--outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:rgba(var(--theme-rgb),.05)}.ui-btn--refresh{display:flex;align-items:center;justify-content:center;gap:8px;height:var(--ui-control-height-sm);width:32px;padding:0;border-radius:var(--ui-control-radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--ui-text-size-lg);cursor:pointer;transition:all var(--ui-transition-normal);flex-shrink:0;margin-left:auto}.ui-btn--refresh:hover{background:rgba(var(--theme-rgb),.1);border-color:rgb(var(--theme-rgb));color:rgb(var(--theme-rgb))}.ui-btn--outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-xs);padding:0 var(--ui-space-md);border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm)}.ui-btn--outline:hover:not(:disabled){border-color:rgb(var(--theme-rgb));color:rgb(var(--theme-rgb));background:rgba(var(--theme-rgb),.06)}.ui-btn--outline:disabled{opacity:.5;cursor:not-allowed}.ui-btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--ui-space-md);border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-md);background:transparent;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;height:var(--ui-control-height-sm)}.ui-btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.ui-btn--xs{height:var(--ui-control-height-xs);padding:0 var(--ui-space-sm);font-size:var(--ui-text-size-xs);min-width:auto}.ui-btn--sm{height:var(--ui-control-height-sm);padding:0 var(--ui-space-md);font-size:var(--ui-text-size-sm);min-width:auto}.ui-btn--lg{height:var(--ui-control-height-lg);padding:0 var(--ui-space-2xl);font-size:var(--ui-text-size-lg)}.ui-btn--primary i,.ui-btn--cancel i,.ui-btn--outline i,.ui-btn--edit i,.ui-btn--refresh i,.ui-btn--ghost i,.action-btn i{line-height:inherit}.ui-btn--icon-only{width:auto;min-width:auto;padding:0;aspect-ratio:1}.ui-btn--icon-only span{display:none}.tab-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:8px 16px;border-radius:var(--ui-control-radius-md);font-size:var(--ui-text-size-lg);font-weight:var(--ui-label-weight);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.tab-btn i{color:rgb(var(--theme-rgb));transition:color var(--ui-transition-normal)}.tab-btn:hover:not(.active){background:rgba(var(--theme-rgb),.1);border-color:rgb(var(--theme-rgb));color:rgb(var(--theme-rgb))}.tab-btn:focus,.tab-btn:focus-visible{outline:none}.tab-btn.active{background:rgb(var(--theme-rgb));border-color:rgb(var(--theme-rgb));color:#fff}.tab-btn.active i{color:#fff}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:var(--ui-text-size-sm);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.tag-badge-icon{font-size:var(--ui-text-size-xs)}@media(max-width:768px){.detail-grid,.detail-grid-2col,.detail-grid-3col,.detail-grid-4col{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-group{width:100%}}.simple-bar-chart{width:100%;padding:8px 0}.bar-chart-bars{display:flex;align-items:flex-end;gap:4px;height:160px;padding:0 4px}.bar-chart-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.bar-chart-bar-wrapper{width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center}.bar-chart-bar{width:60%;max-width:32px;min-height:4px;background:var(--accent);border-radius:var(--ui-radius-sm) var(--ui-radius-sm) 0 0;transition:height .3s ease}.bar-chart-label{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.bar-chart-value{font-size:11px;font-weight:600;color:var(--text-primary)}.chart-period-buttons{display:flex;gap:4px;margin-left:auto}.period-btn{padding:4px 10px;font-size:var(--ui-text-size-xs);font-weight:var(--ui-label-weight);border-radius:var(--ui-control-radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--ui-transition-normal);white-space:nowrap;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.period-btn:hover:not(.active){background:rgba(var(--theme-rgb),.1);border-color:rgb(var(--theme-rgb));color:rgb(var(--theme-rgb))}.period-btn.active{background:rgb(var(--theme-rgb));border-color:rgb(var(--theme-rgb));color:#fff}.chart-container{background:var(--surface-secondary);border-radius:var(--ui-radius-md);padding:var(--ui-space-md);border:1px solid var(--border-default)}.tab-action-btn{margin-left:auto;padding:4px 10px;font-size:var(--ui-text-size-xs);border-radius:var(--ui-radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--ui-transition-fast)}.tab-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.memo-btn{padding:4px 8px;border-radius:var(--ui-radius-sm);border:1px solid var(--border-default);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--ui-transition-fast)}.memo-btn:hover{background:var(--bg-hover);color:var(--accent)}.referral-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ui-space-md)}.referral-stat-card{display:flex;align-items:center;gap:var(--ui-space-md);padding:var(--ui-space-lg);background:var(--surface-secondary);border-radius:var(--ui-control-radius-xl);border:1px solid var(--border-default)}.referral-stat-card.full-width{grid-column:1 / -1}.stat-icon{width:48px;height:var(--ui-control-height-lg);border-radius:var(--ui-control-radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--ui-title-size-xl);flex-shrink:0}.stat-content{min-width:0}.stat-value{font-size:var(--ui-text-size-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.stat-unit{font-size:var(--ui-text-size-xs);font-weight:400;color:var(--text-muted);margin-left:4px}.stat-label{font-size:var(--ui-text-size-xs);color:var(--text-muted);margin-top:2px}.unified-spinner{display:flex;align-items:center;justify-content:center;padding:var(--ui-space-xl);color:var(--text-muted);font-size:20px}@media(max-width:768px){.referral-stats-grid{grid-template-columns:repeat(2,1fr)}.bar-chart-bars{height:120px}.chart-period-buttons{flex-wrap:wrap}}.kpi-card{display:flex;align-items:flex-start;gap:var(--ui-space-lg);padding:var(--ui-card-padding);background:var(--bg-card);border-radius:var(--ui-control-radius-xl);border:1px solid var(--border-color);transition:all var(--ui-transition-slow);position:relative;overflow:hidden}.kpi-card:hover{border-color:rgb(var(--theme-rgb));box-shadow:0 4px 16px #0000001a}.kpi-icon{display:flex;align-items:center;justify-content:center;width:var(--ui-control-height-lg);height:var(--ui-control-height-lg);border-radius:var(--ui-control-radius-xl);flex-shrink:0;font-size:var(--ui-title-size-xl)}.kpi-label{display:block;font-size:var(--ui-text-size-sm);color:var(--text-secondary);margin-bottom:var(--ui-space-2xs)}.kpi-value{display:block;font-size:var(--ui-title-size-2xl);font-weight:700;color:var(--text-primary);font-family:Barlow Condensed,sans-serif;line-height:1.2}.kpi-trend{display:flex;align-items:center;gap:var(--ui-space-2xs);margin-top:var(--ui-space-xs);font-size:var(--ui-text-size-sm);font-weight:var(--ui-title-weight)}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.kpi-trend .trend-period{color:var(--text-muted);font-weight:400;margin-left:var(--ui-space-2xs)}:root{--agent-hq-rgb: 139, 92, 246;--agent-hq-hex: #8B5CF6;--agent-downline-rgb: 59, 130, 246;--agent-downline-hex: #3B82F6;--agent-agent-rgb: 34, 197, 94;--agent-agent-hex: #22C55E}#agentTreeContainer svg{display:block;width:100%;height:100%;min-height:450px}.d3-tree-link{fill:none;stroke:rgba(var(--theme-rgb),.3);stroke-width:2px;pointer-events:none}.d3-tree-node{cursor:pointer}.d3-node-bg{fill:var(--bg-card);stroke:var(--border-color);stroke-width:1.5px;rx:10;ry:10;transition:all .25s ease}.d3-tree-node.hq-node .d3-node-bg{fill:var(--bg-card);stroke:var(--agent-hq-hex);stroke-width:2px}.d3-tree-node.hq-node:hover:not(.toggle-hovered) .d3-node-bg{fill:rgba(var(--agent-hq-rgb),.08);stroke:var(--agent-hq-hex);stroke-width:2px;filter:drop-shadow(0 4px 12px rgba(var(--agent-hq-rgb),.2))}.d3-tree-node.hq-node.selected .d3-node-bg{fill:rgba(var(--agent-hq-rgb),.12);stroke:var(--agent-hq-hex);stroke-width:2.5px}.d3-tree-node.downline-node .d3-node-bg{fill:var(--bg-card);stroke:var(--agent-downline-hex);stroke-width:1.5px}.d3-tree-node.downline-node:hover:not(.toggle-hovered) .d3-node-bg{fill:rgba(var(--agent-downline-rgb),.08);stroke:var(--agent-downline-hex);stroke-width:2px;filter:drop-shadow(0 4px 12px rgba(var(--agent-downline-rgb),.2))}.d3-tree-node.downline-node.selected .d3-node-bg{fill:rgba(var(--agent-downline-rgb),.12);stroke:var(--agent-downline-hex);stroke-width:2.5px}.d3-tree-node.agent-node .d3-node-bg{fill:var(--bg-card);stroke:var(--agent-agent-hex);stroke-width:1.5px}.d3-tree-node.agent-node:hover:not(.toggle-hovered) .d3-node-bg{fill:rgba(var(--agent-agent-rgb),.08);stroke:var(--agent-agent-hex);stroke-width:2px;filter:drop-shadow(0 4px 12px rgba(var(--agent-agent-rgb),.2))}.d3-tree-node.agent-node.selected .d3-node-bg{fill:rgba(var(--agent-agent-rgb),.12);stroke:var(--agent-agent-hex);stroke-width:2.5px}.d3-tree-node.status-inactive .d3-node-bg{fill:var(--bg-card);stroke:var(--danger);stroke-width:1.5px;opacity:.85}.d3-tree-node.status-inactive .d3-node-content{opacity:.85}.d3-tree-node.status-inactive:hover:not(.toggle-hovered) .d3-node-bg{fill:#ef444414;stroke:var(--danger);stroke-width:2px;filter:drop-shadow(0 4px 12px rgba(239,68,68,.2))}.d3-tree-node.status-inactive.selected .d3-node-bg{fill:#ef44441f;stroke:var(--danger);stroke-width:2.5px}.d3-node-status-indicator{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;z-index:10;box-shadow:0 2px 4px #0003}.d3-node-status-indicator.active{background:var(--success);color:var(--white-text)}.d3-node-status-indicator.inactive{background:var(--danger);color:var(--white-text)}.d3-node-content{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:0 10px;gap:8px;box-sizing:border-box;pointer-events:none}.d3-node-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.d3-tree-node.node-loading .d3-node-bg{stroke:rgb(var(--theme-rgb));stroke-width:2px;animation:node-loading-pulse 1s ease-in-out infinite}.d3-tree-node.node-loading .d3-node-content:after{content:"";position:absolute;top:50%;right:12px;width:18px;height:18px;margin-top:-9px;border:2px solid rgba(var(--theme-rgb),.2);border-top-color:rgb(var(--theme-rgb));border-radius:50%;animation:node-spinner .6s linear infinite;pointer-events:none}@keyframes node-loading-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.4}}@keyframes node-spinner{to{transform:rotate(360deg)}}.d3-node-icon-wrapper{flex-shrink:0;width:28px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:color .2s ease}.d3-node-icon-wrapper.hq{font-size:22px;color:var(--agent-hq-hex)}.d3-node-icon-wrapper.downline{color:var(--agent-downline-hex)}.d3-node-icon-wrapper.agent{color:var(--agent-agent-hex)}.d3-node-icon-wrapper.inactive{color:var(--danger)}.d3-node-toggle{cursor:pointer;pointer-events:all}.d3-toggle-circle{fill:var(--bg-card);stroke:rgba(var(--theme-rgb),.7);stroke-width:2px;transition:all .2s ease}.d3-node-toggle.hovered .d3-toggle-circle,.d3-node-toggle:hover .d3-toggle-circle{fill:var(--bg-card);stroke:var(--theme-primary);stroke-width:2.5px}.d3-toggle-line{stroke:var(--theme-primary);stroke-width:2.5px;stroke-linecap:round;pointer-events:none}.d3-node-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0}.d3-node-info .d3-node-name{color:var(--text-primary);font-size:11px;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.d3-tree-node.hq-node .d3-node-info .d3-node-name{font-size:12px;font-weight:600;color:var(--text-primary)}.d3-tree-node.downline-node .d3-node-info .d3-node-name,.d3-tree-node.agent-node .d3-node-info .d3-node-name{color:var(--text-primary)}.d3-node-info .d3-node-code{color:var(--text-secondary);font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.d3-tree-node.hq-node .d3-node-info .d3-node-code,.d3-tree-node.downline-node .d3-node-info .d3-node-code,.d3-tree-node.agent-node .d3-node-info .d3-node-code{color:var(--text-secondary);opacity:.7}.d3-node-icon-small{font-size:8px;margin-right:2px;opacity:.8}.d3-node-stats{fill:var(--text-muted);font-size:10px}.d3-expand-btn{cursor:pointer;transition:transform .2s ease}.d3-expand-btn circle{fill:var(--bg-card);stroke:rgba(var(--theme-rgb),.5);stroke-width:1.5px;transition:all .2s ease}.d3-expand-btn:hover circle{fill:rgba(var(--theme-rgb),.15);stroke:rgba(var(--theme-rgb),.8)}.d3-expand-btn text{fill:var(--theme-primary);font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:central}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[1px\]:after{content:var(--tw-content);left:1px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:top-\[1px\]:after{content:var(--tw-content);top:1px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.last\:border-0:last-child{border-width:0px}.hover\:scale-105:hover{--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))}.hover\:border-text-muted:hover{border-color:var(--text-muted)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-bg-card:hover{background-color:var(--bg-card)}.hover\:bg-bg-hover:hover{background-color:var(--bg-hover)}.hover\:bg-border:hover{background-color:var(--border-color)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-accent-hover:hover{color:var(--accent-hover)}.hover\:text-danger:hover{color:var(--danger)}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-text-primary:hover{color:var(--text-primary)}.hover\:text-warning:hover{color:var(--warning)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-accent:focus{--tw-ring-color: var(--accent)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:bg-accent{background-color:var(--accent)}.peer:checked~.peer-checked\:after\:translate-x-3:after{content:var(--tw-content);--tw-translate-x: .75rem;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))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:#1e3a8a4d}.dark\:bg-green-900\/30:is([data-theme=dark] *){background-color:#14532d4d}.dark\:bg-orange-900\/30:is([data-theme=dark] *){background-color:#7c2d124d}.dark\:text-blue-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}@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-end{align-items:flex-end}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:ml-\[var\(--sidebar-collapsed-width\)\]{margin-left:var(--sidebar-collapsed-width)}.md\:ml-\[var\(--sidebar-width\)\]{margin-left:var(--sidebar-width)}.md\:block{display:block}.md\:hidden{display:none}.md\:cursor-default{cursor:default}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:w-72{width:18rem}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--ui-transition-normal),color var(--ui-transition-normal)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f1cc}::-moz-selection{background:#6366f14d}::selection{background:#6366f14d}input,textarea,select,button{font-family:inherit}a{color:var(--accent);text-decoration:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.main-content-inner{padding:var(--ui-page-padding)}@media(max-width:768px){:root{--ui-page-padding: var(--ui-page-padding-mobile);--ui-card-padding: var(--ui-card-padding-mobile);--ui-card-gap: var(--ui-card-gap-mobile);--ui-section-gap: var(--ui-section-gap-mobile)}}.overflow-x-auto-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-tertiary) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slide-in-right .25s ease-out}