*,: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:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-top-16{top:-4rem}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.z-\[2000\]{z-index:2000}.z-\[90\]{z-index:90}.z-\[99\]{z-index:99}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.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}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[160px\]{height:160px}.h-\[220px\]{height:220px}.h-\[2px\]{height:2px}.h-\[60px\]{height:60px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[380px\]{width:380px}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-\[1400px\]{max-width:1400px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[22px\]{max-width:22px}.max-w-\[420px\]{max-width:420px}.max-w-\[560px\]{max-width:560px}.max-w-\[720px\]{max-width:720px}.max-w-\[900px\]{max-width:900px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-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{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-90{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.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}.gap-\[3px\]{gap:3px}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * 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-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:var(--border)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r-4{border-right-width:4px}.border-t{border-top-width:1px}.border-t-4{border-top-width:4px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-border{border-color:var(--border)}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-500\/15{border-color:#10b98126}.border-input{border-color:var(--border)}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-l-transparent{border-left-color:transparent}.border-r-transparent{border-right-color:transparent}.border-t-foreground{border-top-color:var(--text-primary)}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-background{background-color:var(--bg-app)}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-card{background-color:var(--bg-surface)}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.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-emerald-500\/5{background-color:#10b9810d}.bg-foreground{background-color:var(--text-primary)}.bg-indigo-500\/10{background-color:#6366f11a}.bg-muted{background-color:var(--bg-elevated)}.bg-primary{background-color:var(--primary)}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-secondary{background-color:var(--bg-elevated)}.bg-white\/80{background-color:#fffc}.bg-yellow-500\/10{background-color:#eab3081a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-600\/40{--tw-gradient-from: rgb(217 119 6 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600\/40{--tw-gradient-from: rgb(5 150 105 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from: #6366f1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-amber-500\/50{--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(245 158 11 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-emerald-500\/50{--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(16 185 129 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500\/50{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-red-500\/50{--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(239 68 68 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-rose-500\/50{--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(244 63 94 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-yellow-500\/50{--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(234 179 8 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-400{--tw-gradient-to: #fbbf24 var(--tw-gradient-to-position)}.to-amber-400\/20{--tw-gradient-to: rgb(251 191 36 / .2) var(--tw-gradient-to-position)}.to-emerald-400{--tw-gradient-to: #34d399 var(--tw-gradient-to-position)}.to-emerald-400\/20{--tw-gradient-to: rgb(52 211 153 / .2) var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-10{padding-bottom:2.5rem}.pb-8{padding-bottom:2rem}.pl-9{padding-left:2.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-sans{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-7xl{font-size:4.5rem;line-height:1}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13\.5px\]{font-size:13.5px}.text-\[15px\]{font-size:15px}.text-\[21px\]{font-size:21px}.text-\[2rem\]{font-size:2rem}.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-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-background{color:var(--bg-app)}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-brand{color:var(--brand)}.text-card-foreground{color:var(--text-primary)}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-foreground{color:var(--text-primary)}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-muted{color:var(--bg-elevated)}.text-muted-foreground{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--text-white)}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow: var(--shadow);--tw-shadow-colored: var(--shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/20{--tw-shadow-color: rgb(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-indigo-500\/20{--tw-shadow-color: rgb(99 102 241 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-red-500\/20{--tw-shadow-color: rgb(239 68 68 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: var(--bg-app)}.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)}.invert{--tw-invert: invert(100%);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-blur-sm{--tw-backdrop-blur: blur(4px);-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-\[left\]{transition-property:left;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\]{transition-property:margin;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-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--bg-surface) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--text-muted)}.placeholder\:text-muted-foreground::placeholder{color:var(--text-muted)}.hover\:-translate-y-px:hover{--tw-translate-y: -1px;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\:bg-accent:hover{background-color:var(--bg-hover)}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:from-emerald-500\/50:hover{--tw-gradient-from: rgb(16 185 129 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-emerald-400\/30:hover{--tw-gradient-to: rgb(52 211 153 / .3) var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:var(--text-secondary)}.hover\:text-amber-400:hover{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.hover\:text-brand:hover{color:var(--brand)}.hover\:text-foreground:hover{color:var(--text-primary)}.hover\:text-indigo-400:hover{--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--text-white)}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-rose-400:hover{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-75:hover{opacity:.75}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--brand)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\: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))}.group\/name:hover .group-hover\/name\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/name:hover .group-hover\/name\:underline{text-decoration-line:underline}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-amber-500\/20:is([data-theme=dark] *){border-color:#f59e0b33}.dark\:border-blue-500\/20:is([data-theme=dark] *){border-color:#3b82f633}.dark\:border-emerald-500\/20:is([data-theme=dark] *){border-color:#10b98133}.dark\:border-red-500\/20:is([data-theme=dark] *){border-color:#ef444433}.dark\:bg-amber-500\/10:is([data-theme=dark] *){background-color:#f59e0b1a}.dark\:bg-blue-500\/10:is([data-theme=dark] *){background-color:#3b82f61a}.dark\:bg-emerald-500\/10:is([data-theme=dark] *){background-color:#10b9811a}.dark\:bg-emerald-500\/15:is([data-theme=dark] *){background-color:#10b98126}.dark\:bg-red-500\/10:is([data-theme=dark] *){background-color:#ef44441a}.dark\:bg-rose-500\/15:is([data-theme=dark] *){background-color:#f43f5e26}.dark\:bg-white\/10:is([data-theme=dark] *){background-color:#ffffff1a}.dark\:text-amber-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-emerald-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-rose-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.dark\:text-sky-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-white\/20:hover:is([data-theme=dark] *){background-color:#fff3}@media not all and (min-width: 640px){.max-sm\:mx-4{margin-left:1rem;margin-right:1rem}.max-sm\:max-h-\[calc\(100vh-32px\)\]{max-height:calc(100vh - 32px)}.max-sm\:max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}}@media (min-width: 640px){.sm\:h-9{height:2.25rem}.sm\:w-9{width:2.25rem}.sm\:w-auto{width:auto}.sm\:max-w-xs{max-width:20rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-end{align-items:flex-end}.sm\:text-\[2\.4rem\]{font-size:2.4rem}}@media (min-width: 768px){.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-\[11px\]{font-size:11px}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:var(--border) transparent}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}html::-webkit-scrollbar-button{display:none}body{font-family:var(--font-family);background:var(--bg-app);color:var(--text-primary);line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}input:focus,input:active{background-color:transparent!important}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--primary: #0D1830;--primary-dark: #060D1A;--primary-light: rgba(13, 24, 48, .08);--primary-ring: rgba(13, 24, 48, .15);--brand: #3D52E6;--brand-dark: #2E44D6;--brand-light: rgba(61, 82, 230, .1);--brand-ring: rgba(61, 82, 230, .2);--accent: #3D52E6;--accent-foreground: #FFFFFF;--success: #10B981;--success-light: rgba(16, 185, 129, .1);--success-dark: #059669;--warning: #F59E0B;--warning-light: rgba(245, 158, 11, .1);--warning-dark: #D97706;--danger: #EF4444;--danger-light: rgba(239, 68, 68, .1);--danger-dark: #DC2626;--info: #3D52E6;--info-light: rgba(61, 82, 230, .1);--info-dark: #2E44D6;--bg-app: #ECEEF5;--bg-surface: #FFFFFF;--bg-elevated: #E8EBF4;--bg-hover: #DDE1EF;--bg-secondary: #E8EBF4;--bg-tertiary: #D5DAE8;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-white: #FFFFFF;--border: #D4D8E8;--border-dark: #BEC4D6;--border-light: #E8EBF4;--border-color: #D4D8E8;--sidebar-bg: #FFFFFF;--sidebar-border: #E5E7EB;--sidebar-text: #6B7280;--sidebar-text-active: #0D1830;--sidebar-active-bg: rgba(61, 82, 230, .08);--sidebar-active-border: #3D52E6;--sidebar-hover-bg: #F4F6FA;--sidebar-width: 260px;--header-height: 64px;--shadow-xs: 0 1px 2px rgba(13,24,48,.04);--shadow-sm: 0 1px 3px rgba(13,24,48,.06), 0 1px 2px rgba(13,24,48,.04);--shadow-card: 0 2px 8px rgba(13,24,48,.07), 0 1px 3px rgba(13,24,48,.04);--shadow: 0 4px 6px -1px rgba(13,24,48,.07), 0 2px 4px -1px rgba(13,24,48,.04);--shadow-md: 0 10px 15px -3px rgba(13,24,48,.08), 0 4px 6px -2px rgba(13,24,48,.04);--shadow-lg: 0 20px 25px -5px rgba(13,24,48,.08), 0 10px 10px -5px rgba(13,24,48,.03);--shadow-xl: 0 25px 50px -12px rgba(13,24,48,.1);--radius-sm: 6px;--radius: 10px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--control-h: 40px;--control-h-sm: 34px;--control-h-lg: 48px;--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--t-fast: all .12s ease;--t: all .18s ease;--t-slow: all .28s ease}[data-theme=dark],.dark{--primary: #5B7BFF;--primary-dark: #4466EE;--primary-light: rgba(91, 123, 255, .15);--primary-ring: rgba(91, 123, 255, .3);--brand: #5B7BFF;--brand-dark: #4466EE;--brand-light: rgba(91, 123, 255, .15);--brand-ring: rgba(91, 123, 255, .3);--accent: #5B7BFF;--accent-foreground: #FFFFFF;--success: #34D399;--success-light: rgba(52, 211, 153, .15);--success-dark: #6EE7B7;--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .15);--warning-dark: #FCD34D;--danger: #F87171;--danger-light: rgba(248, 113, 113, .15);--danger-dark: #FCA5A5;--info: #5B7BFF;--info-light: rgba(91, 123, 255, .15);--info-dark: #93B4FF;--bg-app: #0F0D1A;--bg-surface: #1C1A2E;--bg-elevated: #252337;--bg-hover: #2E2B42;--bg-secondary: #252337;--bg-tertiary: #2E2B42;--text-primary: #F1F5F9;--text-secondary: #CBD5E1;--text-muted: #8892AA;--text-white: #FFFFFF;--border: #2A2740;--border-dark: #353150;--border-light: #201E32;--border-color: #2A2740;--sidebar-bg: #1C1A2E;--sidebar-border: #2A2740;--sidebar-text: #8892AA;--sidebar-text-active: #F1F5F9;--sidebar-active-bg: rgba(91, 123, 255, .15);--sidebar-active-border: #5B7BFF;--sidebar-hover-bg: #252337;--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-card: 0 2px 8px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.2);--shadow: 0 4px 6px rgba(0,0,0,.4);--shadow-md: 0 10px 15px rgba(0,0,0,.45);--shadow-lg: 0 20px 25px rgba(0,0,0,.5);--shadow-xl: 0 25px 50px rgba(0,0,0,.6)}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-md);font-weight:600}h5{font-size:var(--text-base);font-weight:600}.tabular-nums,.stat-card-value,.formatCurrency,[class*=font-extrabold][class*=text-3xl],[class*=font-extrabold][class*=text-4xl]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;overflow-x:hidden}.page{padding:var(--sp-8);max-width:1400px}.page-header{margin-bottom:var(--sp-6)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1.2;letter-spacing:-.3px}.page-subtitle{margin-top:var(--sp-1);font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.page-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.bc-nav{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:nowrap;overflow:hidden;margin-bottom:var(--sp-4)}.bc-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-decoration:none;background:var(--bg-secondary);border:1px solid var(--border-color);transition:background .15s,color .15s,border-color .15s;white-space:nowrap;flex-shrink:0;min-height:36px}.bc-back:hover{background:var(--bg-hover, var(--bg-tertiary));color:var(--accent);border-color:var(--accent)}.bc-back-icon{flex-shrink:0;color:var(--text-muted)}.bc-back:hover .bc-back-icon{color:var(--accent)}.bc-sep{color:var(--text-muted);flex-shrink:0;opacity:.5}.bc-trail-seg,.bc-current-seg{display:inline-flex;align-items:center;gap:var(--sp-1);min-width:0}.bc-trail-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:color .15s}.bc-trail-link:hover{color:var(--accent);text-decoration:underline}.bc-current{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}@media (max-width: 640px){.bc-mid-hide,.bc-current-seg{display:none}.bc-back{min-height:44px;padding:8px 14px 8px 10px}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;overflow:hidden;z-index:100;border-right:1px solid var(--sidebar-border)}.sidebar-header{padding:var(--sp-5) var(--sp-5);border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:var(--sp-3)}.sidebar-logo-icon{color:#818cf8;flex-shrink:0}.sidebar-logo-name{display:block;font-size:var(--text-lg);font-weight:700;color:var(--text-white);letter-spacing:-.3px}.sidebar-logo-sub{display:block;font-size:var(--text-xs);color:var(--sidebar-text);margin-top:1px}.sidebar-nav{flex:1;padding:var(--sp-3) var(--sp-3);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sidebar-section-label{padding:var(--sp-3) var(--sp-3) var(--sp-2);font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#a5b4fc80}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--text-sm);font-weight:500;transition:var(--t-fast);margin-bottom:2px}.sidebar-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text-active)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active)}.sidebar-link.active .sidebar-link-icon{color:#818cf8}.sidebar-link-icon{flex-shrink:0;opacity:.85}.sidebar-footer{padding:var(--sp-4);border-top:1px solid var(--sidebar-border);display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.sidebar-user{flex:1;display:flex;align-items:center;gap:var(--sp-3);min-width:0}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{display:block;font-size:var(--text-xs);margin-top:2px}.badge-role-owner{color:#fcd34d}.badge-role-admin{color:#6ee7b7}.badge-role-teacher{color:#93c5fd}.sidebar-logout{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);transition:var(--t-fast);flex-shrink:0}.sidebar-logout:hover{background:var(--sidebar-hover-bg);color:var(--danger)}.theme-toggle{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--sidebar-text);transition:var(--t-fast);flex-shrink:0}.theme-toggle:hover{background:var(--sidebar-hover-bg);color:var(--warning)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;transition:var(--t-fast);white-space:nowrap;line-height:1;box-sizing:border-box}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--text-white);box-shadow:0 1px 2px var(--brand-ring)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 3px 8px var(--brand-ring)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-dark)}.btn-danger{background:var(--danger);color:var(--text-white)}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-success{background:var(--success);color:var(--text-white)}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-info{background:var(--info);color:var(--text-white)}.btn-info:hover:not(:disabled){background:var(--info-dark)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{height:var(--control-h-sm);padding:0 var(--sp-3);font-size:var(--text-sm);border-radius:var(--radius-md, 8px)}.btn-lg{height:var(--control-h-lg);padding:0 var(--sp-6);font-size:var(--text-base)}.btn-full{width:100%}.btn-icon{padding:0;width:var(--control-h);border-radius:var(--radius)}.btn-sm.btn-icon{padding:0;width:var(--control-h-sm)}.form-group{margin-bottom:var(--sp-5)}.form-row{display:grid;gap:var(--sp-4)}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--sp-2)}.form-label-required:after{content:" *";color:var(--danger)}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base);transition:var(--t-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}select option,.form-select option{background:var(--bg-surface);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.input-wrapper{position:relative}.input-addon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;align-items:center;transition:var(--t-fast);padding:4px}.input-addon:hover{color:var(--text-secondary)}.form-error{margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--danger);display:flex;align-items:center;gap:var(--sp-1)}.form-hint{margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--text-muted)}.form-hint--icon{display:flex;align-items:center;gap:6px;margin-top:var(--sp-2)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.card-header{padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.card-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.card-title-icon{color:var(--brand);flex-shrink:0}.card-body{padding:var(--sp-6)}.card-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-5);margin-bottom:var(--sp-6)}.stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--sp-5) var(--sp-6);display:flex;align-items:flex-start;gap:var(--sp-4);box-shadow:var(--shadow-xs);transition:var(--t)}.stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.stat-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-primary .stat-card-icon{background:var(--primary-light);color:var(--primary)}.stat-card-success .stat-card-icon{background:var(--success-light);color:var(--success)}.stat-card-warning .stat-card-icon{background:var(--warning-light);color:var(--warning)}.stat-card-danger .stat-card-icon{background:var(--danger-light);color:var(--danger)}.stat-card-info .stat-card-icon{background:var(--info-light);color:var(--info)}.stat-card-content{flex:1}.stat-card-title{font-size:var(--text-sm);color:var(--text-muted);font-weight:500;margin-bottom:var(--sp-1)}.stat-card-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);line-height:1.1}.stat-card-subtitle{margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--text-muted)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead tr{background:var(--bg-elevated);border-bottom:1px solid var(--border)}.data-table th{padding:12px var(--sp-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.data-table td{padding:12px var(--sp-4);color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:var(--t-fast)}.data-table tbody tr:hover{background:var(--bg-elevated)}.table-empty{text-align:center;padding:var(--sp-12) var(--sp-8)!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fadeIn .15s ease}.modal-content{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .2s ease}.modal-sm{max-width:420px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:var(--t-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--sp-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1;white-space:nowrap}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}.badge-secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.alert-danger{background:var(--danger-light);color:var(--danger-dark);border:1px solid #FECACA}.alert-success{background:var(--success-light);color:var(--success-dark);border:1px solid #A7F3D0}.alert-warning{background:var(--warning-light);color:var(--warning-dark);border:1px solid #FDE68A}.alert-info{background:var(--info-light);color:var(--info-dark);border:1px solid #BFDBFE}.search-filter{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5)}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:360px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:var(--t-fast)}.filter-select{height:var(--control-h-sm);padding:0 32px 0 12px;border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);outline:none;cursor:pointer;transition:var(--t-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.filter-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.empty-state{text-align:center;padding:var(--sp-10) var(--sp-8)}.empty-state-icon{width:56px;height:56px;background:var(--bg-elevated);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-4);color:var(--text-muted)}.empty-state-title{font-size:var(--text-md);font-weight:600;color:var(--text-secondary);margin-bottom:var(--sp-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg-app);z-index:9999}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.table-loading{padding:var(--sp-12);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.inline-month-picker{position:relative}.inline-month-picker-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.inline-month-picker-btn:hover{background:var(--bg-hover, var(--accent));color:var(--text-primary);border-color:var(--text-muted)}.inline-month-picker-btn--active{border-color:var(--brand);color:var(--brand);background:var(--brand-light);box-shadow:0 0 0 1px var(--brand-ring)}.inline-month-picker-icon{color:var(--text-muted);flex-shrink:0}.inline-month-picker-btn--active .inline-month-picker-icon{color:var(--brand)}.inline-month-picker-label{line-height:1}.inline-month-picker-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.inline-month-picker-chevron.rotate{transform:rotate(180deg)}.inline-month-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:9999;min-width:220px;border-radius:var(--radius-lg, 12px);border:1px solid hsl(220 20% 24%);background:#191f2e;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0d inset;animation:monthPickerFadeIn .15s ease-out}@keyframes monthPickerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inline-month-picker-list{max-height:300px;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:hsl(220 15% 30%) transparent}.inline-month-picker-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:none;border-radius:var(--radius-sm, 6px);background:transparent;color:#b6bcc9;font-size:var(--text-sm);font-weight:450;cursor:pointer;transition:background .15s,color .15s;text-align:left}.inline-month-picker-option:hover{background:#29303d;color:#fff}.inline-month-picker-option.selected{background:#29303d;color:#6e9cf7;font-weight:500}.inline-month-picker-option.all-time{border-bottom:1px solid hsl(220 20% 22%);margin-bottom:4px;border-radius:var(--radius-sm, 6px) var(--radius-sm, 6px) 0 0;padding-bottom:11px}.inline-month-picker-check{color:#6e9cf7;flex-shrink:0}:root:not([data-theme=dark]) .inline-month-picker-dropdown{background:#fff;border-color:#dcdfe5;box-shadow:0 12px 40px #0000001f,0 0 0 1px #0000000a inset}:root:not([data-theme=dark]) .inline-month-picker-option{color:#576175}:root:not([data-theme=dark]) .inline-month-picker-option:hover{background:#f3f4f7;color:#21242c}:root:not([data-theme=dark]) .inline-month-picker-option.selected{background:var(--brand-light);color:var(--brand)}:root:not([data-theme=dark]) .inline-month-picker-option.all-time{border-bottom-color:#e8eaee}:root:not([data-theme=dark]) .inline-month-picker-check{color:var(--brand)}:root:not([data-theme=dark]) .inline-month-picker-list{scrollbar-color:hsl(220 15% 85%) transparent}.import-step{display:flex;flex-direction:column;gap:16px}.import-step-desc{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary)}.import-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;border:2px dashed var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-elevated);cursor:pointer;transition:all .2s}.import-dropzone:hover,.import-dropzone--active{border-color:var(--brand);background:var(--brand-light)}.import-dropzone-icon{color:var(--text-muted)}.import-dropzone--active .import-dropzone-icon{color:var(--brand)}.import-dropzone-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.import-dropzone-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0}.import-dropzone-hint{font-size:var(--text-xs);color:var(--text-muted);margin:8px 0 0}.import-template-hint{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md, 8px);background:#f4c02514;color:var(--warning-dark);font-size:var(--text-sm)}.import-mapping-table{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius-md, 8px);overflow:hidden}.import-mapping-header{display:grid;grid-template-columns:1fr 1fr 28px;padding:8px 14px;background:var(--bg-elevated);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.import-mapping-row{display:grid;grid-template-columns:1fr 1fr 28px;align-items:center;padding:8px 14px;border-top:1px solid var(--border)}.import-mapping-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.import-required{color:var(--danger);margin-left:2px}.import-mapping-select{min-width:0}.import-mapping-ok{color:var(--success)}.import-preview-summary{display:flex;gap:12px;flex-wrap:wrap}.import-preview-stat{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md, 8px);font-size:var(--text-sm);font-weight:500}.import-preview-stat--ok{background:#14b8661a;color:var(--success-dark)}.import-preview-stat--err{background:#e619191a;color:var(--danger)}.import-preview-stat--warn{background:#f4c0251a;color:var(--warning-dark)}.import-preview-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md, 8px)}.import-preview-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.import-preview-table th{text-align:left;padding:8px 12px;background:var(--bg-elevated);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.import-preview-table td{padding:8px 12px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.import-preview-table tr:last-child td{border-bottom:none}.import-row--error{background:#e619190a}.import-row-errors{display:flex;align-items:center;gap:4px;color:var(--danger);font-size:var(--text-xs)}.import-preview-more{text-align:center;padding:8px;font-size:var(--text-xs);color:var(--text-muted)}.import-preview-hint{display:flex;align-items:flex-start;gap:6px;font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.import-preview-hint svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.import-hint--auto{color:var(--warning-dark)}.import-hint--err{color:var(--danger)}.import-preview-table--edit td{padding:5px 8px}.import-cell-input{width:100%;min-width:90px;padding:5px 8px;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input, var(--bg-elevated));border:1px solid var(--border);border-radius:var(--radius-sm, 6px);outline:none;transition:border-color .15s,box-shadow .15s}.import-cell-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2a6df426}.import-cell-input--sm{min-width:56px}.import-cell-input--date{min-width:130px}.import-cell-select{cursor:pointer}.import-cell-input--err{border-color:var(--danger);background:#e619190d}.import-cell-input--err:focus{box-shadow:0 0 0 2px #e6191926}.import-cell-input--auto{border-color:#f2b90d;background:#f4c02514}.import-row-warn{display:inline-flex;align-items:center;gap:4px;color:var(--warning-dark);font-size:var(--text-xs);font-weight:600}.review-badge{display:inline-flex;align-items:center;gap:3px;margin-left:6px;vertical-align:middle;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5;white-space:nowrap;color:var(--warning-dark);background:#f4c02524;border:1px solid hsl(45 90% 50% / .3);border-radius:6px}.import-flag-toggle{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary);background:#f4c02512;border:1px solid hsl(45 90% 50% / .35);border-radius:var(--radius-md, 8px);cursor:pointer}.import-flag-toggle input{margin-top:3px;flex-shrink:0;cursor:pointer;accent-color:hsl(45 90% 45%)}.import-result-hero{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 8px}.import-result-icon--ok{color:var(--success)}.import-result-icon--err{color:var(--danger)}.import-result-title{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);text-align:center;margin:0}.import-result-stats{display:flex;justify-content:center;gap:24px}.import-result-stat{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--text-xs);color:var(--text-muted)}.import-result-num{font-size:var(--text-2xl, 28px);font-weight:800;line-height:1}.import-result-num--ok{color:var(--success)}.import-result-num--warn{color:var(--warning-dark)}.import-result-num--err{color:var(--danger)}.import-result-errors{border:1px solid var(--border);border-radius:var(--radius-md, 8px);overflow:hidden}.import-result-errors h4{margin:0;padding:8px 14px;background:var(--bg-elevated);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase}.import-result-errors-list{max-height:180px;overflow-y:auto;scrollbar-width:thin}.import-result-error-row{display:flex;align-items:center;gap:10px;padding:6px 14px;font-size:var(--text-sm);border-top:1px solid var(--border)}.import-result-error-num{font-weight:600;color:var(--text-muted);min-width:30px}.import-result-error-msg{color:var(--danger);font-size:var(--text-xs);margin-left:auto}@media (max-width: 640px){.modal-close,.theme-toggle,.btn-sm,.btn-icon,.btn-sm.btn-icon{min-width:44px;min-height:44px}}.page-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-group{display:inline-flex;align-items:stretch}.btn-group .btn{border-radius:0;border-right-width:0;position:relative}.btn-group .btn:first-child{border-radius:var(--radius-md, 8px) 0 0 var(--radius-md, 8px)}.btn-group .btn:last-child{border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;border-right-width:1px}.btn-group .btn:only-child{border-radius:var(--radius-md, 8px);border-right-width:1px}.btn-group .btn:hover{z-index:1}.table-actions{display:flex;align-items:center;gap:var(--sp-1)}.ui-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid var(--border-dark);border-radius:4px;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s,box-shadow .15s;vertical-align:middle}.ui-checkbox:hover{border-color:var(--brand)}.ui-checkbox:checked{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-ring)}.ui-checkbox:checked:after{content:"";display:block;width:4px;height:7px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translate(-.5px,-1px)}.ui-checkbox:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sortable-th{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sortable-th:hover{color:var(--text-primary)}.th-inner{display:inline-flex;align-items:center;gap:5px}.sort-icon{flex-shrink:0;transition:color .15s}.sort-icon--idle{color:var(--text-muted);opacity:.5}.sort-icon--active{color:var(--brand)}.sortable-th:hover .sort-icon--idle{opacity:1}.bulk-action-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;margin-bottom:8px;border-radius:var(--radius-md, 8px);background:var(--brand-light);border:1px solid var(--brand-ring);animation:bulkBarIn .18s ease-out}@keyframes bulkBarIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bulk-action-count{font-size:var(--text-sm);font-weight:600;color:var(--brand);white-space:nowrap}.bulk-action-btns{display:flex;align-items:center;gap:6px}.bulk-action-close{margin-left:auto;color:var(--text-muted)}.bulk-action-close:hover{color:var(--text-primary)}.search-input{flex:1;min-width:200px;padding:8px 12px 8px 36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:var(--t-fast)}.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.profile-user-info{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0 var(--sp-4)}.profile-avatar{width:44px;height:44px;border-radius:50%;background:var(--brand);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.5px}.profile-fullname{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);line-height:1.3}.profile-role{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-4{margin-top:var(--sp-4)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.mono{font-family:Courier New,monospace}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-color:var(--brand)!important}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 640px){.page{padding:var(--sp-4)}.stat-grid,.dashboard-grid{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:flex-start}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page{animation:page-enter .4s cubic-bezier(.16,1,.3,1) both}@keyframes row-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-row{animation:row-slide-up .3s cubic-bezier(.16,1,.3,1) both}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-panel-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:modal-backdrop-in .15s ease-out}.modal-panel{animation:modal-panel-in .2s cubic-bezier(.16,1,.3,1)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm, 4px)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 1024px){.form-row-2,.form-row-3{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:var(--sp-4)}.stat-grid,.dashboard-grid{grid-template-columns:1fr}.page-header-row{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}.col-mobile-hide{display:none}input,select,textarea,.form-input,.form-select,.form-textarea,.search-input,.filter-select{font-size:16px}.page-header-row .page-header-actions{width:100%}.page-header-row .page-header-actions .inline-month-picker{flex:1}.page-header-row .page-header-actions .inline-month-picker-btn{width:100%}.mr-filter-select{flex:1 1 100%}.mr-filter-select>button{width:100%;min-width:0!important}.finance-top-actions{justify-content:flex-start!important}.finance-top-actions .filter-select{flex:1}}.input-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:var(--text-sm);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.price-cell{font-weight:600;color:var(--primary-dark);font-size:var(--text-sm)}.toast-container{position:fixed;top:20px;right:20px;z-index:9998;display:flex;flex-direction:column;gap:var(--sp-2);width:clamp(300px,90vw,380px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:13px var(--sp-4);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastSlideIn .22s cubic-bezier(.34,1.56,.64,1)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-message{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:1.45}.toast-close{flex-shrink:0;color:var(--text-muted);transition:var(--t-fast);padding:2px;border-radius:var(--radius-sm);margin-top:1px}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}@keyframes toastSlideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.confirm-modal-body{display:flex;align-items:flex-start;gap:var(--sp-4)}.confirm-modal-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.confirm-icon-danger{background:var(--danger-light);color:var(--danger)}.confirm-icon-warning{background:var(--warning-light);color:var(--warning)}.confirm-modal-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding-top:var(--sp-1)}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3) 0;margin-top:var(--sp-3);border-top:1px solid var(--border)}.pagination-info{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-secondary)}.pagination-size{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .15s}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--brand)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn--active{background:var(--brand);color:#fff;border-color:var(--brand)}.pagination-btn--active:hover{background:var(--brand-dark)}@media (max-width: 640px){.pagination{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}.searchable-select{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:var(--t-fast);outline:none;gap:8px}.searchable-select-trigger:hover{border-color:var(--border-dark)}.searchable-select-trigger.active,.searchable-select-trigger:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.searchable-select-value{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.searchable-select-value span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.searchable-select-sub{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.searchable-select-placeholder{color:var(--text-muted)}.searchable-select-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.searchable-select-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--text-muted);transition:var(--t-fast)}.searchable-select-clear:hover{background:var(--bg-hover);color:var(--danger)}.searchable-select-arrow{color:var(--text-muted);transition:transform .15s;flex-shrink:0}.searchable-select-arrow.rotated{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;overflow:hidden;animation:searchableSlideDown .15s ease-out}@keyframes searchableSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.searchable-select-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.searchable-select-search-icon{color:var(--text-muted);flex-shrink:0}.searchable-select-input{border:none;outline:none;background:transparent;color:var(--text-primary);font-size:var(--text-sm);width:100%}.searchable-select-input::-moz-placeholder{color:var(--text-muted)}.searchable-select-input::placeholder{color:var(--text-muted)}.searchable-select-list{max-height:220px;overflow-y:auto;padding:4px}.searchable-select-list::-webkit-scrollbar{width:5px}.searchable-select-list::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:10px}.searchable-select-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:var(--t-fast);font-size:var(--text-sm)}.searchable-select-option:hover{background:var(--bg-hover)}.searchable-select-option.selected{background:var(--primary-light);color:var(--primary);font-weight:600}.searchable-select-option-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.searchable-select-option-sub{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;margin-left:auto}.searchable-select-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.month-switcher{position:relative;padding:0 var(--sp-3);margin-bottom:var(--sp-2)}.month-switcher-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:10px 12px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--sidebar-text-active);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.month-switcher-btn:hover{background:#ffffff1a;border-color:#ffffff26}.month-switcher-btn--past{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.month-switcher-btn--past:hover{background:#f59e0b33}.month-switcher-icon{flex-shrink:0;opacity:.7}.month-switcher-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-switcher-chevron{flex-shrink:0;opacity:.5;transition:transform .2s ease}.month-switcher-chevron--open{transform:rotate(180deg)}.month-switcher-dropdown{position:absolute;top:calc(100% + 4px);left:var(--sp-3);right:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:100;max-height:320px;overflow-y:auto;padding:4px}.month-switcher-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background .15s;border:none;background:none}.month-switcher-option:hover{background:var(--bg-hover)}.month-switcher-option--active{background:var(--primary-light);color:var(--primary);font-weight:600}.month-switcher-option--active:hover{background:var(--primary-light)}.month-switcher-option--all{border-bottom:1px solid var(--border);margin-bottom:4px;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.month-switcher-check{color:var(--primary);flex-shrink:0}.readonly-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:10px 16px;margin:0 0 var(--sp-4) 0;background:var(--warning-light);border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--warning-dark)}.readonly-banner-content{display:flex;align-items:center;gap:var(--sp-2);flex:1}.readonly-banner-icon{flex-shrink:0;color:var(--warning)}.readonly-banner-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px 12px;border-radius:var(--radius-sm);background:var(--warning);color:#fff;font-size:var(--text-xs);font-weight:600;white-space:nowrap;cursor:pointer;border:none;transition:background .2s}.readonly-banner-btn:hover{background:var(--warning-dark)}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:var(--sp-6);gap:0;overflow-x:hidden}.tab-btn{padding:10px 20px;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:var(--t-fast);display:flex;align-items:center;gap:var(--sp-2)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.tab-count{background:var(--bg-elevated);border-radius:var(--radius-full);padding:1px 7px;font-size:11px;font-weight:700;color:var(--text-muted)}.tab-btn.active .tab-count{background:var(--brand-light);color:var(--brand-dark)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:var(--bg-elevated);color:var(--text-muted);line-height:1}.tab-btn.active .tab-badge{background:var(--brand-light);color:var(--brand-dark)}.tab-badge-danger{background:var(--danger-light, rgba(239,68,68,.15))!important;color:var(--danger)!important}.tabs-row{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--sp-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-row::-webkit-scrollbar{display:none}.tabs-row .tab-btn{border-bottom:2px solid transparent;margin-bottom:-2px}.tabs-scroll-wrap{position:relative}@media (max-width: 640px){.tabs-scroll-wrap:after{content:"";position:absolute;right:0;top:0;bottom:2px;width:48px;background:linear-gradient(to left,var(--bg-app) 20%,transparent 100%);pointer-events:none;z-index:1}}.debt-summary-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.login-page{min-height:100vh;display:flex;background:var(--bg-surface)}.login-brand{flex:1;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:var(--sp-12);position:relative;overflow:hidden}.login-brand:before,.login-brand:after{display:none}.login-brand-content{position:relative;z-index:1;max-width:420px}.login-brand-logo-text{margin-bottom:var(--sp-8)}.login-brand-raysar{font-size:42px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.login-brand-crm{font-size:42px;font-weight:800;color:var(--brand);margin-left:8px;letter-spacing:-.5px}.login-brand-subtitle{font-size:var(--text-md);color:var(--text-muted);line-height:1.6;margin-bottom:var(--sp-8)}.login-brand-features{display:flex;flex-direction:column;gap:var(--sp-4)}.login-feature{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-secondary);font-size:var(--text-sm)}.login-feature-dot{width:8px;height:8px;background:var(--brand);border-radius:50%;flex-shrink:0}.login-form-side{width:480px;display:flex;align-items:center;justify-content:center;padding:var(--sp-12) var(--sp-8);background:var(--bg-surface)}.login-form-container{width:100%;max-width:380px}.login-form-header{margin-bottom:var(--sp-8)}.login-form-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--sp-2)}.login-form-header p{font-size:var(--text-sm);color:var(--text-muted)}.login-form{margin-bottom:var(--sp-6)}.login-hint{padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.login-hint-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:400}.login-hint-row{display:flex;align-items:center;gap:var(--sp-2)}.login-hint-name{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.login-hint-sep{font-size:var(--text-xs);color:var(--text-muted);line-height:1}.login-hint-phone{font-size:var(--text-sm);font-weight:500;color:var(--brand);text-decoration:none;white-space:nowrap}.login-hint-phone:hover{text-decoration:underline}.force-pw-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sp-6);background:var(--bg-app)}.force-pw-card{width:100%;max-width:440px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--sp-8) var(--sp-7) var(--sp-6);display:flex;flex-direction:column;align-items:center}.force-pw-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--warning-light);color:var(--warning);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-4)}.force-pw-title{font-size:var(--text-xl);font-weight:800;color:var(--text-primary);letter-spacing:-.3px}.force-pw-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin-top:var(--sp-2);margin-bottom:var(--sp-6);line-height:1.5}.force-pw-form{width:100%;display:flex;flex-direction:column;gap:var(--sp-4)}.force-pw-logout{margin-top:var(--sp-5);display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:transparent;transition:color .15s}.force-pw-logout:hover{color:var(--danger)}.login-mobile-logo{display:none;margin-bottom:var(--sp-8)}.login-mobile-logo-raysar{font-size:28px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.login-mobile-logo-crm{font-size:28px;font-weight:800;color:var(--brand);margin-left:6px;letter-spacing:-.5px}@media (max-width: 1024px){.login-brand{display:none}.login-form-side{width:100%;padding:var(--sp-8) var(--sp-6)}.login-mobile-logo{display:block}}@media (max-width: 640px){.login-form-side{padding:var(--sp-6) var(--sp-5);align-items:flex-start;padding-top:10vh}.login-form-container{max-width:100%}.login-form-header h2{font-size:var(--text-xl)}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}.dashboard-grid-full{grid-column:1 / -1}.widget-list{list-style:none}.widget-list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--border);gap:var(--sp-3)}.widget-list-item:last-child{border-bottom:none}.db-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-6);gap:var(--sp-4)}.stat-grid-5{grid-template-columns:repeat(5,1fr)}.stat-grid-6{grid-template-columns:repeat(6,1fr)}.db-main-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--sp-6);align-items:start}.db-col-left,.db-col-right{display:flex;flex-direction:column;gap:var(--sp-5)}.card-title-icon{color:var(--primary);opacity:.75;flex-shrink:0}.card-title{display:flex;align-items:center;gap:var(--sp-2)}.db-widget-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);padding:2px 8px;border-radius:var(--radius-full)}.db-see-all{display:flex;align-items:center;gap:var(--sp-1);font-size:var(--text-sm);color:var(--primary);font-weight:500;transition:var(--t-fast)}.db-see-all:hover{color:var(--primary-dark)}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.db-empty svg{opacity:.3}.db-list{display:flex;flex-direction:column}.db-list-more{padding:var(--sp-3) 0 0;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.db-lesson-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.db-lesson-row:last-child{border-bottom:none}.db-lesson-icon{width:32px;height:32px;background:var(--primary-light);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.db-lesson-info{flex:1;min-width:0}.db-lesson-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--t-fast)}.db-lesson-name:hover{color:var(--primary)}.db-lesson-meta{display:flex;gap:var(--sp-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.db-lesson-att{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.db-lesson-att-bar{width:56px;height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.db-lesson-att-fill{height:100%;background:var(--success);border-radius:var(--radius-full);transition:width .4s ease}.db-lesson-att-pct{font-size:var(--text-xs);color:var(--text-muted);min-width:28px;text-align:right}.db-debtor-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border)}.db-debtor-row:last-child{border-bottom:none}.db-debtor-rank{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.db-debtor-rank--top{background:var(--danger-light);color:var(--danger-dark)}.db-debtor-rank--normal{background:var(--bg-elevated);color:var(--text-muted)}.db-debtor-info{flex:1;min-width:0}.db-debtor-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--t-fast)}.db-debtor-name:hover{color:var(--primary)}.db-debtor-meta{font-size:var(--text-xs);color:var(--text-muted)}.db-debtor-right{text-align:right;flex-shrink:0}.db-debtor-amount{font-size:var(--text-base);font-weight:700;color:var(--danger)}.db-debtor-currency{font-size:var(--text-xs);color:var(--text-muted)}.db-absent-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.db-absent-row:last-child{border-bottom:none}.db-absent-avatar{width:30px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.db-absent-info{flex:1;min-width:0}.db-absent-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:var(--t-fast)}.db-absent-name:hover{color:var(--primary)}.db-absent-meta{font-size:var(--text-xs);color:var(--text-muted)}.db-absent-icon{color:var(--danger);opacity:.6;flex-shrink:0}.db-lead-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.db-lead-row:last-child{border-bottom:none}.db-lead-avatar{width:30px;height:30px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.db-lead-info{flex:1;min-width:0}.db-lead-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-lead-meta{font-size:var(--text-xs);color:var(--text-muted)}.db-conversion{display:flex;flex-direction:column;gap:var(--sp-3)}.db-conversion-row{display:flex;justify-content:space-between;align-items:center}.db-conversion-label{font-size:var(--text-sm);color:var(--text-secondary)}.db-conversion-val{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.db-conversion-val--success{color:var(--success)}.db-conversion-pct{font-size:var(--text-sm);color:var(--text-muted);text-align:center}.db-conversion-pct strong{color:var(--success)}.db-mini-progress{display:flex;align-items:center;gap:var(--sp-3)}.db-mini-bar{flex:1;height:6px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.db-mini-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.db-mini-fill--success{background:var(--success)}.db-mini-fill--primary{background:var(--primary)}.db-mini-fill--danger{background:var(--danger)}.db-mini-label{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);min-width:28px}.db-chart-body{padding-top:var(--sp-2)!important}.db-chart{display:flex;align-items:flex-end;gap:var(--sp-2);height:148px;padding:var(--sp-2) 0 var(--sp-1)}.db-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;gap:3px}.db-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.db-chart-bar{width:80%;min-height:3px;background:linear-gradient(to top,#c7d2fe,#a5b4fc);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s ease}.db-chart-bar--active{background:linear-gradient(to top,var(--primary-dark),var(--primary));box-shadow:0 -2px 8px #6366f159}.db-chart-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;white-space:nowrap}.db-chart-value{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-align:center}.db-chart-empty{display:flex;align-items:center;justify-content:center;height:148px;color:var(--text-muted);font-size:var(--text-sm)}.db-chart-loading{height:148px;background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.db-skeleton{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-1) 0}.db-skeleton-row{display:flex;align-items:center;gap:var(--sp-3)}.db-skeleton-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;flex-shrink:0}.db-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.db-skeleton-line{height:10px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.db-skeleton-line--wide{width:70%}.db-skeleton-line--narrow{width:45%}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer-translate{0%{transform:translate(-100%)}to{transform:translate(200%)}}.dashboard-fade-in{animation:dashboard-fade-in .4s cubic-bezier(.16,1,.3,1) both;position:relative;z-index:10}.dashboard-stagger>*{animation:card-rise .35s cubic-bezier(.16,1,.3,1) both}.dashboard-stagger>*:nth-child(1){animation-delay:0ms}.dashboard-stagger>*:nth-child(2){animation-delay:80ms}.dashboard-stagger>*:nth-child(3){animation-delay:.16s}.shimmer-animation{animation:shimmer-translate 2s ease-in-out infinite}.table-footer-info{margin-top:var(--sp-4);font-size:var(--text-sm);color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.edit-user-info{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius);margin-bottom:var(--sp-4)}.input-error{border-color:var(--danger)!important}.input-error:focus{box-shadow:0 0 0 3px #ef44442e!important}.price-cell{font-weight:700;color:var(--brand-dark);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.plan-preview{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--primary-light);border-radius:var(--radius);border:1px solid rgba(99,102,241,.2);margin-top:calc(var(--sp-5) * -1 + var(--sp-2))}.plan-preview-label{font-size:var(--text-sm);color:var(--text-secondary);flex:1}.plan-preview-value{font-size:var(--text-sm);font-weight:700;color:var(--primary-dark)}.att-overview{display:flex;align-items:center;gap:24px;padding:16px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:24px}.att-overview-stat{display:flex;align-items:baseline;gap:8px}.att-overview-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary)}.att-overview-label{font-size:var(--text-sm);color:var(--text-muted)}.att-overview-divider{width:1px;height:32px;background:var(--border)}.att-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.att-search-clear:hover{color:var(--text-primary)}.att-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.att-card{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s}.att-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.att-card-header{display:flex;align-items:center;gap:12px}.att-card-avatar{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.att-card-info{min-width:0}.att-card-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.att-card-teacher{font-size:var(--text-xs);color:var(--text-muted);margin:2px 0 0}.att-card-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.att-card-stat{display:flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--text-secondary)}.att-card-footer{display:flex;align-items:center;gap:10px;margin-top:auto}.att-card-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.att-card-bar-fill{height:100%;border-radius:3px;transition:width .3s}.att-card-pct{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;white-space:nowrap}@media (max-width: 640px){.att-overview{flex-direction:column;gap:12px;align-items:flex-start}.att-overview-divider{width:100%;height:1px}.att-grid{grid-template-columns:1fr}}.status-pills{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:var(--t-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.status-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.status-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}.status-pill-count{background:#ffffff40;border-radius:var(--radius-full);padding:1px 6px;font-size:11px;font-weight:700;min-width:20px;text-align:center;line-height:1.4}.status-pill:not(.active) .status-pill-count{background:var(--bg-elevated);color:var(--text-muted)}.lead-name-cell{display:flex;align-items:center;gap:var(--sp-3)}.lead-avatar{width:34px;height:34px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0;background:var(--brand-light);color:var(--brand-dark)}.lead-name-text{font-weight:600;color:var(--text-primary);line-height:1.3;font-size:var(--text-sm)}.lead-phone-text{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.filters-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.age-range-inputs{display:flex;align-items:center;gap:var(--sp-2)}.age-input{width:68px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);outline:none;transition:var(--t-fast);text-align:center}.age-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ring)}.age-input::-moz-placeholder{color:var(--text-muted)}.age-input::placeholder{color:var(--text-muted)}.age-separator{color:var(--text-muted);font-size:var(--text-xs)}.convert-summary{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-radius:var(--radius);margin-bottom:var(--sp-5);border:1px solid var(--border)}.convert-summary-avatar{width:40px;height:40px;background:var(--success-light);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-md);font-weight:700;color:var(--success-dark);flex-shrink:0}.convert-summary-name{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);line-height:1.3}.convert-summary-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.lf-pulse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-3)}.lf-pulse{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.lf-pulse:hover{border-color:var(--border-strong, var(--border));transform:translateY(-1px)}.lf-pulse-head{display:flex;justify-content:space-between;align-items:flex-start}.lf-pulse-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.lf-pulse-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.lf-pulse-icon--primary{background:var(--brand-light);color:var(--brand)}.lf-pulse-icon--success{background:var(--success-light);color:var(--success)}.lf-pulse-icon--warning{background:var(--warning-light);color:var(--warning)}.lf-pulse-icon--info{background:var(--info-light);color:var(--info)}.lf-pulse-main{display:flex;align-items:baseline;gap:var(--sp-2)}.lf-pulse-value{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);line-height:1}.lf-pulse-delta{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:700;padding:2px 6px;border-radius:var(--radius-full)}.lf-pulse-delta--up{background:var(--success-light);color:var(--success-dark)}.lf-pulse-delta--down{background:var(--danger-light);color:var(--danger-dark)}.lf-pulse-sub{font-size:var(--text-xs);color:var(--text-muted);margin:0}.lf-pulse-sub strong{color:var(--text-secondary);font-weight:600}.lf-insights-card{background:linear-gradient(135deg,var(--brand-light) 0%,transparent 100%);border-color:var(--brand)}.lf-insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3)}.lf-insight{display:flex;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md)}.lf-insight-icon{flex-shrink:0;margin-top:2px}.lf-insight-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}.lf-insight-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin:2px 0}.lf-insight-sub{font-size:var(--text-xs);margin:0}.lf-insight-sub--good{color:var(--success-dark)}.lf-insight-sub--bad{color:var(--danger-dark)}.lf-insight-sub--warn{color:var(--warning-dark)}.lf-insight-sub--info{color:var(--info-dark)}.lf-funnel-row{display:flex;flex-direction:column;gap:var(--sp-1)}.lf-funnel-step{display:flex;align-items:center;gap:var(--sp-3)}.lf-funnel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.lf-funnel-conn{display:flex;align-items:center;gap:var(--sp-2);padding-left:22px;font-size:var(--text-xs);color:var(--text-muted)}.lf-funnel-conn--bottleneck{color:var(--danger);font-weight:700}.lf-bottleneck-badge{padding:1px 6px;border-radius:var(--radius-full);background:var(--danger-light);color:var(--danger-dark);font-size:9px;font-weight:800;letter-spacing:.04em}.lf-rate-chips{display:flex;gap:var(--sp-2);flex-wrap:wrap}.lf-chip{font-size:var(--text-xs);font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.lf-chip--info{background:var(--info-light);color:var(--info-dark)}.lf-chip--warning{background:var(--warning-light);color:var(--warning-dark)}.lf-chip--danger{background:var(--danger-light);color:var(--danger-dark)}.lf-chip--success{background:var(--success-light);color:var(--success-dark)}.lf-timeline{display:flex;flex-direction:column;gap:var(--sp-3)}.lf-timeline-chart{display:flex;align-items:flex-end;gap:3px;height:140px;padding:var(--sp-2) 0}.lf-timeline-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:6px;cursor:help}.lf-timeline-bar{border-radius:3px 3px 0 0;background:var(--brand);position:relative;transition:all .3s;min-height:2px}.lf-timeline-bar--empty{background:var(--bg-elevated)}.lf-timeline-bar-conv{position:absolute;bottom:0;left:0;right:0;background:var(--success);border-radius:3px 3px 0 0}.lf-timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted)}.lf-timeline-legend{display:flex;gap:var(--sp-4);justify-content:center;font-size:var(--text-xs);color:var(--text-muted)}.lf-timeline-legend>span{display:inline-flex;align-items:center;gap:5px}.lf-legend-dot{width:10px;height:10px;border-radius:2px}.lf-matrix th,.lf-matrix td{text-align:center;font-size:var(--text-xs)}.lf-matrix th:first-child,.lf-matrix td:first-child{text-align:left}.lf-matrix-cell{font-weight:700;transition:background .2s}.lf-matrix-cell--empty{color:var(--text-muted);font-weight:400}.lf-matrix-src-label{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600}.lf-matrix-src-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.lf-section-title{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--sp-3)}.lf-rate-text{font-size:var(--text-sm);font-weight:700}.lf-rate-text--high{color:var(--success)}.lf-rate-text--mid{color:var(--warning)}.lf-rate-text--low{color:var(--danger)}.leads-tabs{display:flex;align-items:center;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.leads-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;border-radius:0;white-space:nowrap}.leads-tab:hover{color:var(--text-secondary)}.leads-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.convert-success-badge{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--success-light);color:var(--success-dark);border-radius:var(--radius);font-size:var(--text-xs);font-weight:600}.student-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.student-name-cell{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.student-name-text{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.student-sub-text{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.profile-header{display:flex;align-items:flex-start;gap:var(--sp-5);padding:var(--sp-6);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--sp-5)}.profile-avatar-lg{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;flex-shrink:0}.profile-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1.25;margin-bottom:var(--sp-1)}.profile-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--text-sm);color:var(--text-muted)}.profile-meta-sep{color:var(--border-dark)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4)}.info-item{min-width:0}.info-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-1)}.info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500;line-height:1.5}.debt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-5)}.debt-card{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface)}.debt-card-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500;margin-bottom:var(--sp-2);text-transform:uppercase;letter-spacing:.4px}.debt-card-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.debt-card-danger{border-color:var(--danger-light);background:var(--danger-light)}.debt-card-danger .debt-card-value{color:var(--danger)}.debt-card-success{border-color:var(--success-light);background:var(--success-light)}.debt-card-success .debt-card-value{color:var(--success)}.note-item{display:flex;gap:var(--sp-3);padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.note-item:last-child{border-bottom:none}.note-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.note-header{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.note-author{font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.note-date{font-size:var(--text-xs);color:var(--text-muted)}.note-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;white-space:pre-wrap;word-break:break-word}@media (max-width: 640px){.profile-header{flex-direction:column;align-items:center;text-align:center;padding:var(--sp-4)}.profile-avatar-lg{width:56px;height:56px;font-size:22px}.profile-name{font-size:var(--text-lg)}.profile-meta-row{justify-content:center}}.att-bar-wrap{height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.att-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.student-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}@media (max-width: 640px){.student-quick-stats{grid-template-columns:repeat(2,1fr)}}.group-name-cell{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.group-avatar{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;flex-shrink:0}.group-name-link{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);transition:var(--t-fast)}.group-name-link:hover{color:var(--brand);text-decoration:underline}.group-sub-text{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.group-student-count{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.schedule-picker{display:flex;flex-direction:column;gap:var(--sp-3)}.schedule-days{display:flex;gap:6px;flex-wrap:wrap}.schedule-day-btn{width:42px;height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--t-fast);display:flex;align-items:center;justify-content:center}.schedule-day-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.schedule-day-btn--active{background:var(--brand);color:#fff;border-color:var(--brand)}.schedule-day-btn--active:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}.schedule-time-row{display:flex;align-items:flex-end;gap:var(--sp-2)}.schedule-time-field{flex:1}.schedule-time-label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--text-muted);margin-bottom:4px}.schedule-time-selects{display:flex;align-items:center;gap:4px}.schedule-time-select{flex:1;min-width:64px}.schedule-time-colon{font-size:var(--text-base);font-weight:600;color:var(--text-muted)}.schedule-time-separator{font-size:var(--text-lg, 18px);color:var(--text-muted);font-weight:500;padding-bottom:8px}.schedule-preview{font-size:var(--text-xs);color:var(--brand);background:var(--brand-light);padding:6px 10px;border-radius:var(--radius);font-weight:500}.att-lesson-cell{display:flex;align-items:center;gap:var(--sp-2)}.att-lesson-fraction{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);min-width:36px}.att-lesson-bar-wrap{flex:1;height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;min-width:48px;max-width:72px}.att-lesson-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.att-lesson-pct{font-size:var(--text-xs);font-weight:700;min-width:32px;text-align:right}.att-stats-row{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border)}.att-stat-item{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm)}.att-stat-pct{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:700}.att-list{display:flex;flex-direction:column;gap:var(--sp-2)}.att-row{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);transition:var(--t-fast);box-shadow:var(--shadow-xs)}.att-row:hover{box-shadow:var(--shadow-sm)}.att-row-keldi{border-left:3px solid var(--success)}.att-row-kechikdi{border-left:3px solid var(--warning)}.att-row-kelmadi{border-left:3px solid var(--border)}.att-row-sababli{border-left:3px solid var(--info)}.att-row-student{display:flex;align-items:center;gap:var(--sp-3);flex:1;min-width:0}.att-row-num{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;min-width:20px;text-align:right}.att-row-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-row-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.att-status-btns{display:flex;gap:var(--sp-2);flex-shrink:0}.att-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius);border:1px solid var(--border);font-size:var(--text-xs);font-weight:500;color:var(--text-muted);background:var(--bg-surface);cursor:pointer;transition:var(--t-fast);white-space:nowrap}.att-btn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.att-btn-active{font-weight:600}@media (max-width: 640px){.att-row{flex-direction:column;align-items:flex-start}.att-status-btns{width:100%;justify-content:flex-start}.att-btn span{display:none}.att-btn{padding:10px 14px;min-height:44px}}.journal-month-nav{display:flex;align-items:center;gap:8px;margin-bottom:20px}.journal-month-label{display:flex;align-items:center;gap:8px;font-size:var(--text-base);font-weight:700;color:var(--text-primary);min-width:160px;justify-content:center}.journal-mini-stat{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary)}.journal-table-wrap{overflow-x:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.journal-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:600px}.journal-table th,.journal-table td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--border-light)}.journal-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:2}.journal-table thead th{font-weight:600;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap}.journal-table tbody tr:hover{background:var(--bg-hover)}.journal-th-num{width:40px}.journal-th-name{text-align:left;min-width:180px;position:sticky;left:0;z-index:3;background:var(--bg-secondary)}.journal-th-day{width:44px}.journal-th-pct{width:56px}.journal-td-num{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.journal-td-name{text-align:left;position:sticky;left:0;z-index:1;background:var(--bg-surface)}.journal-table tbody tr:hover .journal-td-name{background:var(--bg-hover)}.journal-day-link{display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;color:var(--text-secondary);transition:color .15s}.journal-day-link:hover{color:var(--accent)}.journal-day-num{font-weight:700;font-size:var(--text-sm)}.journal-day-wd{font-size:9px;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.journal-student{display:flex;align-items:center;gap:8px}.student-avatar-sm{width:26px;height:26px;font-size:11px;flex-shrink:0}.journal-student-link{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.journal-student-link:hover{color:var(--accent)}.journal-td-cell{padding:4px 2px}.journal-cell{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:-.3px}.journal-cell-empty{color:var(--text-muted);opacity:.3;background:transparent}.journal-td-pct{font-size:var(--text-xs)}.journal-legend{display:flex;align-items:center;gap:16px;margin-top:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-muted)}.journal-legend-item{display:flex;align-items:center;gap:6px}.journal-lessons-list{margin-top:16px;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.journal-lessons-title{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px}.journal-lessons-grid{display:flex;flex-wrap:wrap;gap:8px}.journal-lesson-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius);font-size:var(--text-xs)}.journal-lesson-chip-link{display:flex;align-items:center;gap:6px;color:var(--text-primary);text-decoration:none}.journal-lesson-chip-link:hover{color:var(--accent)}.journal-lesson-chip-topic{color:var(--text-muted);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-lesson-chip-del{display:flex;padding:2px;background:none;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .15s,color .15s}.journal-lesson-chip:hover .journal-lesson-chip-del{opacity:1}.journal-lesson-chip-del:hover{color:var(--danger)}a.journal-cell{text-decoration:none;cursor:pointer;transition:transform .1s}a.journal-cell:hover{transform:scale(1.15)}@media (max-width: 768px){.journal-table{min-width:unset}.journal-day-wd{font-size:11px}.journal-day-num{font-size:12px}.journal-month-nav{flex-wrap:wrap}.journal-student-link{max-width:120px}.journal-cell{width:26px;height:22px;font-size:10px}.journal-th-day{width:36px}.journal-legend{flex-wrap:wrap;gap:10px}}.payment-student-link{font-weight:600;color:var(--text-primary);font-size:var(--text-sm);transition:var(--t-fast)}.payment-student-link:hover{color:var(--primary);text-decoration:underline}.payment-debt-hint{padding:10px 14px;background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:var(--sp-4);font-size:var(--text-xs)}.payment-debt-row{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;color:var(--text-secondary)}.rsk-card-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.rsk-dist-bar{display:flex;height:18px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-elevated);gap:2px;margin-bottom:var(--sp-2)}.rsk-dist-seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#ffffffe6;transition:width .6s ease;min-width:0;overflow:hidden}.rsk-dist-seg--yuqori{background:var(--danger);border-radius:var(--radius-full) 0 0 var(--radius-full)}.rsk-dist-seg--orta{background:var(--warning);border-radius:0 var(--radius-full) var(--radius-full) 0}.rsk-dist-seg:only-child{border-radius:var(--radius-full)}.rsk-dist-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4)}.rsk-dist-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.rsk-dist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rsk-dist-dot--yuqori{background:var(--danger)}.rsk-dist-dot--orta{background:var(--warning)}.rsk-scoring-items{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3)}.rsk-scoring-item{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500}.rsk-scoring-item--danger{color:var(--danger)}.rsk-scoring-item--warning{color:var(--warning-dark)}.rsk-scoring-item--info{color:var(--info)}.rsk-scoring-sep{color:var(--border-dark);flex-shrink:0}.rsk-scoring-thresholds{display:flex;gap:6px;flex-wrap:wrap}.rsk-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:10px var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-3);animation:fadeIn .15s ease}.rsk-bulk-count{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.rsk-bulk-actions{display:flex;align-items:center;gap:var(--sp-2)}.rsk-score-cell{display:flex;flex-direction:column;align-items:center;gap:3px}.rsk-score-val{font-size:20px;font-weight:800;line-height:1}.rsk-score-label{font-size:10px;font-weight:500;color:var(--text-muted)}.rsk-score-bar-track{width:40px;height:3px;border-radius:var(--radius-full);background:var(--border);overflow:hidden}.rsk-score-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.rsk-omil-row{display:flex;flex-wrap:wrap;gap:4px}.rsk-omil-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.rsk-omil-chip--danger{color:var(--danger);background:var(--danger-light)}.rsk-omil-chip--warning{color:var(--warning-dark);background:var(--warning-light)}.rsk-omil-chip--info{color:var(--info);background:var(--info-light)}.rsk-omil-empty{font-size:var(--text-xs);color:var(--text-muted)}.rsk-rank{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);min-width:24px;display:inline-block;text-align:center}.rsk-tel-link{display:block;text-decoration:none;color:var(--text-muted);transition:color .15s}.rsk-tel-link:hover{color:var(--brand);text-decoration:underline}.rsk-trend{font-size:10px;font-weight:700}.rsk-trend--neutral{color:var(--text-muted)}.rsk-trend--good{color:var(--success-dark)}.rsk-trend--bad{color:var(--danger)}.rsk-sms-student-info{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--sp-4);flex-wrap:wrap}.rsk-count-footer{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding:var(--sp-2) 0 var(--sp-1)}.settings-content{display:flex;flex-direction:column;gap:var(--sp-5)}.settings-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.settings-card-icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-card-info{flex:1;min-width:0}.settings-card-title{font-size:var(--text-md);font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.settings-card-desc{font-size:var(--text-sm);color:var(--text-muted);margin:2px 0 0;line-height:1.4}.settings-card-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;margin-left:auto}.settings-card-body{padding:var(--sp-6)}.settings-section+.settings-section{margin-top:var(--sp-5);padding-top:var(--sp-5);border-top:1px solid var(--border)}.settings-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--sp-3);display:flex;align-items:center;gap:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.settings-row-actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.settings-inline-form{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.settings-inline-form .form-input{flex:1}.settings-key-box{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;overflow:hidden}.settings-key-value{flex:1;font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;background:none;padding:0}.settings-code-block{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);letter-spacing:.3px}.settings-code{margin:0;padding:14px;background:var(--bg-app);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:12.5px;line-height:1.75;color:var(--text-secondary);overflow-x:auto;white-space:pre}.settings-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3)}.settings-status-item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.settings-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.settings-status-label{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.settings-connection-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600}.settings-connection-badge--on{background:var(--success-light);color:var(--success-dark);border:1px solid #A7F3D0}.settings-connection-badge--off{background:var(--danger-light);color:var(--danger-dark);border:1px solid #FECACA}.settings-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.settings-provider-card{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.settings-provider-card:hover{border-color:var(--border-dark);background:var(--bg-hover)}.settings-provider-card.active{border-color:var(--primary);background:var(--primary-light)}.settings-provider-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.settings-provider-site{font-size:var(--text-xs);color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-dark);border-radius:22px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:disabled+.toggle-slider{opacity:.4;cursor:not-allowed}.settings-placeholder-guide{margin-top:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.settings-placeholder-summary{cursor:pointer;padding:10px 14px;font-size:var(--text-xs);font-weight:600;color:var(--primary);background:var(--bg-elevated);border-radius:var(--radius);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-placeholder-summary::-webkit-details-marker{display:none}.settings-placeholder-content{padding:10px 14px;background:var(--bg-app);font-size:var(--text-xs);line-height:1.9}.api-intro-steps{display:flex;flex-direction:column;gap:var(--sp-3)}.api-intro-step{display:flex;align-items:flex-start;gap:12px}.api-intro-step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.api-intro-step-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;padding-top:3px}.settings-card-header--btn{width:100%;font:inherit;text-align:left;cursor:pointer;background:none;border-bottom:none;transition:background .15s}.settings-card-header--btn:hover{background:var(--bg-hover)}.settings-card-header--btn.is-open{border-bottom:1px solid var(--border)}.settings-card-chevron{flex-shrink:0;margin-left:auto;color:var(--text-muted);display:flex;align-items:center}@media (max-width: 768px){.settings-card-header,.settings-card-body{padding:var(--sp-4)}.settings-row{flex-direction:column;align-items:flex-start}.settings-inline-form{flex-wrap:wrap}.settings-status-grid{grid-template-columns:1fr}.settings-provider-grid{grid-template-columns:1fr 1fr}.settings-card-actions{width:100%;margin-left:0;flex-wrap:wrap}}@media (max-width: 640px){.settings-card-header{flex-wrap:wrap}}.perm-checklist{display:flex;flex-direction:column;gap:var(--sp-4)}.perm-checklist-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border)}.perm-checklist-count{font-size:var(--text-sm);color:var(--text-secondary)}.perm-checklist-count strong{color:var(--text-primary);font-weight:700}.perm-checklist-actions{display:flex;gap:var(--sp-1)}.perm-checklist-groups{display:flex;flex-direction:column;gap:var(--sp-4)}.perm-checklist-group-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--sp-2)}.perm-checklist-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-2)}.perm-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s,background .15s}.perm-item:hover:not(.is-disabled){border-color:var(--brand);background:var(--bg-hover)}.perm-item.is-disabled{opacity:.6;cursor:not-allowed}.perm-item.is-on{border-color:var(--brand);background:var(--brand-light)}.perm-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);flex-shrink:0;transition:background .15s,color .15s}.perm-item.is-on .perm-item-icon{background:var(--brand-light);color:var(--brand)}.perm-item-label{flex:1;min-width:0;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-item .ui-checkbox{pointer-events:none}.perm-owner-note{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--border-dark);border-radius:var(--radius);background:var(--bg-elevated);font-size:var(--text-sm);color:var(--text-secondary)}.perm-owner-note svg{flex-shrink:0;color:var(--warning)}@media (max-width: 768px){.perm-checklist-items{grid-template-columns:1fr 1fr}}.an-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5)}.an-grid-wide{grid-column:1 / -1}.an-chart-body{padding:var(--sp-4);min-height:200px}.an-chart-loading{height:180px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.an-chart-empty{display:flex;align-items:center;justify-content:center;height:160px;color:var(--text-muted);font-size:var(--text-sm)}.an-chart{display:flex;align-items:flex-end;gap:6px;height:180px}.an-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.an-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.an-chart-bar{width:70%;max-width:36px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--brand-light);transition:height .4s ease}.an-chart-bar--active{background:var(--brand)}.an-chart-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.an-chart-value{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.an-funnel{display:flex;flex-direction:column;gap:8px}.an-funnel-row{display:flex;align-items:center;gap:10px}.an-funnel-label{width:110px;flex-shrink:0;font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.an-funnel-bar-wrap{flex:1;height:22px;background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.an-funnel-bar{height:100%;border-radius:var(--radius-sm);transition:width .4s ease;min-width:2px}.an-funnel-count{width:32px;font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.an-segments{display:flex;flex-direction:column;gap:12px}.an-seg-row{display:flex;align-items:center;gap:10px}.an-seg-label{width:70px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.an-seg-bar-wrap{flex:1;height:18px;background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.an-seg-bar{height:100%;border-radius:var(--radius-sm);transition:width .4s ease;min-width:2px}.an-seg-stats{display:flex;gap:8px;flex-shrink:0}.an-seg-count{font-size:var(--text-xs);font-weight:600;color:var(--text-primary);min-width:60px}.an-seg-att{font-size:var(--text-xs);color:var(--text-muted);min-width:70px}.an-seg-income{font-size:var(--text-xs);font-weight:600;color:var(--success-dark);min-width:50px;text-align:right}.an-table-wrap{overflow-x:auto}.an-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.an-table thead{background:var(--bg-elevated)}.an-table th{padding:var(--sp-2) var(--sp-3);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border)}.an-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-light);color:var(--text-primary)}.an-table tbody tr:hover{background:var(--bg-hover)}.an-table-rank{font-weight:700;color:var(--text-muted);width:32px}.an-table-name{font-weight:600}.an-th-sorted{color:var(--brand)}.an-att-cell{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600}.an-att-bar{flex:1;height:6px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;min-width:40px}.an-att-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.an-student-stats{display:flex;flex-direction:column;gap:8px}.an-stat-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm)}.an-stat-row span{flex:1;color:var(--text-secondary)}.an-stat-row strong{font-weight:700;color:var(--text-primary)}.an-mini-trend{margin-top:var(--sp-4)}.an-section-subtitle{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-2)}.an-mini-bars{display:flex;align-items:flex-end;gap:4px;height:80px}.an-mini-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.an-mini-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.an-mini-bar{width:60%;max-width:24px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--success);opacity:.7;transition:height .3s ease}.an-mini-label{font-size:var(--text-xs);color:var(--text-muted)}.an-mini-val{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.an-source-table{margin-top:var(--sp-4)}.an-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.an-source-card{padding:10px;background:var(--bg-elevated);border-radius:var(--radius-md)}.an-source-name{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:4px}.an-source-nums{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px}.an-source-rate{font-weight:700;color:var(--primary)}.an-source-bar{height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.an-source-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .3s ease}.an-weekday{display:flex;align-items:flex-end;gap:8px;height:180px}.an-weekday-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.an-weekday-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.an-weekday-bar{width:65%;max-width:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .4s ease}.an-weekday-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.an-weekday-value{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.an-decade{display:flex;flex-direction:column;gap:14px}.an-decade-row{display:flex;align-items:center;gap:10px}.an-decade-label{width:80px;flex-shrink:0;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.an-decade-bar-wrap{flex:1;height:28px;background:var(--bg-elevated);border-radius:var(--radius-sm);overflow:hidden}.an-decade-bar{height:100%;border-radius:var(--radius-sm);transition:width .4s ease;min-width:2px}.an-decade-stats{display:flex;gap:8px;flex-shrink:0;min-width:100px}.an-decade-pct{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.an-decade-amount{font-size:var(--text-xs);color:var(--text-muted)}.an-card-footer{display:flex;gap:var(--sp-5);font-size:var(--text-sm);color:var(--text-secondary)}.an-card-footer strong{font-weight:700;color:var(--text-primary)}.an-widget-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:var(--radius-sm)}.stat-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}@media (max-width: 1024px){.an-grid{grid-template-columns:1fr}.stat-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stat-grid-4{grid-template-columns:1fr}.an-funnel-label{width:80px;font-size:var(--text-xs)}.an-seg-stats{flex-wrap:wrap;gap:4px}.an-source-grid{grid-template-columns:1fr}.an-decade-stats{min-width:80px}}.td-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5)}.td-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5);margin-top:var(--sp-5)}.td-list{display:flex;flex-direction:column;gap:2px}.td-lesson-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);transition:background .15s}.td-lesson-row:hover{background:var(--bg-hover)}.td-lesson-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--info-light);color:var(--info-dark);border-radius:var(--radius-md);flex-shrink:0}.td-lesson-info{flex:1;min-width:0}.td-lesson-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);display:block}.td-lesson-name:hover{color:var(--primary)}.td-lesson-meta{display:flex;gap:8px;font-size:var(--text-xs);color:var(--text-muted)}.td-lesson-att{display:flex;align-items:center;gap:6px;flex-shrink:0}.td-lesson-att-bar{width:50px;height:5px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden}.td-lesson-att-fill{height:100%;background:var(--success);border-radius:var(--radius-full)}.td-lesson-att-pct{font-size:var(--text-xs);font-weight:600;color:var(--success-dark)}.td-group-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);transition:background .15s}.td-group-row:hover{background:var(--bg-hover)}.td-group-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-dark);border-radius:var(--radius-md);flex-shrink:0}.td-group-info{flex:1;min-width:0}.td-group-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary);display:block}.td-group-name:hover{color:var(--primary)}.td-group-meta{display:flex;gap:8px;font-size:var(--text-xs);color:var(--text-muted)}.td-group-count{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:4px 8px;border-radius:var(--radius-sm)}.td-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8) var(--sp-4);color:var(--text-muted);gap:var(--sp-2)}.td-see-all{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--primary)}.td-see-all:hover{text-decoration:underline}.td-skeleton{display:flex;flex-direction:column;gap:var(--sp-3)}.td-skeleton-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2)}.td-skeleton-icon{width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;flex-shrink:0}.td-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:6px}.td-skeleton-line{height:10px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.td-skeleton-line--wide{width:75%}.td-skeleton-line--narrow{width:40%}@media (max-width: 768px){.td-grid{grid-template-columns:1fr}.td-header{flex-direction:column;gap:var(--sp-3)}}.mr-filters{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4)}.mr-filter-group{display:flex;flex-direction:column;gap:4px}.mr-filter-label{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.mr-select-wrap{position:relative}.mr-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;min-width:180px}.mr-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.mr-select-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.mr-stats-bar{display:flex;align-items:center;gap:var(--sp-3);margin-left:auto}.mr-stat{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:4px 10px;border-radius:var(--radius-sm)}.mr-stat--success{color:var(--success-dark);background:var(--success-light)}.mr-stat--info{color:var(--info-dark);background:var(--info-light)}.mr-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-4)}.mr-select-all{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.mr-select-all input{cursor:pointer}.mr-student-list{display:flex;flex-direction:column;gap:var(--sp-3)}.mr-loading,.mr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-10) var(--sp-4);color:var(--text-muted);gap:var(--sp-2)}.mr-student-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.mr-student-card:hover{border-color:var(--primary-ring)}.mr-student-card--selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-ring)}.mr-student-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elevated);border-bottom:1px solid var(--border-light)}.mr-student-check{flex-shrink:0;cursor:pointer}.mr-checkbox{cursor:pointer;width:16px;height:16px}.mr-student-info{flex:1;min-width:0}.mr-student-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.mr-student-meta{display:flex;gap:10px;font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.mr-student-badges{display:flex;gap:6px;flex-shrink:0}.mr-student-body{padding:var(--sp-3) var(--sp-4)}.mr-textarea{width:100%;padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);resize:vertical;min-height:60px;line-height:1.5;font-family:inherit}.mr-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.mr-textarea::-moz-placeholder{color:var(--text-muted)}.mr-textarea::placeholder{color:var(--text-muted)}.mr-student-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-2)}.mr-unsaved{font-size:var(--text-xs);color:var(--warning-dark);font-style:italic}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mr-toast{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .3s ease}.mr-toast--success{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}.mr-toast--error{background:var(--danger-light);color:var(--danger-dark);border:1px solid var(--danger)}.mr-toast-close{color:inherit;opacity:.6}.mr-toast-close:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.kpi-grid{display:grid;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:10px}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-grid-5{grid-template-columns:repeat(5,1fr)}.kpi-cell{padding:12px 10px;text-align:center;border-right:1px solid var(--border);background:var(--bg-surface)}.kpi-cell:last-child{border-right:none}.kpi-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px}.kpi-value{font-size:var(--text-xl);font-weight:800;line-height:1;color:var(--text-primary)}.kpi-sub{font-size:10px;color:var(--text-muted);margin-top:3px;line-height:1.3}@media (max-width: 480px){.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.kpi-grid-3 .kpi-cell:nth-child(2){border-right:none}.kpi-grid-3 .kpi-cell:nth-child(3){grid-column:1 / -1;border-right:none;border-top:1px solid var(--border)}.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.kpi-grid-4 .kpi-cell:nth-child(2){border-right:none}.kpi-grid-4 .kpi-cell:nth-child(3){border-top:1px solid var(--border)}}.react-datepicker-popper{z-index:1100!important}.date-picker-wrapper{width:100%}.react-datepicker-wrapper{width:100%;display:block}.react-datepicker__input-container{width:100%}.react-datepicker{background:var(--bg-secondary, #1a1d2e);border:1px solid var(--border-color, #2d3154);border-radius:12px;box-shadow:0 16px 48px #00000080;font-family:inherit;overflow:hidden}.react-datepicker__triangle{display:none}.react-datepicker__header{background:var(--bg-tertiary, #222540);border-bottom:1px solid var(--border-color, #2d3154);padding:12px 0 8px;border-radius:12px 12px 0 0}.react-datepicker__current-month{color:var(--text-primary, #e2e8f0);font-weight:600;font-size:.9rem;margin-bottom:6px}.react-datepicker__navigation{top:12px}.react-datepicker__navigation-icon:before{border-color:var(--text-muted, #64748b);border-width:2px 2px 0 0}.react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--primary, #6366f1)}.react-datepicker__day-name{color:var(--text-muted, #64748b);font-size:.75rem;font-weight:600;width:2.2rem;line-height:2rem}.react-datepicker__day{color:var(--text-primary, #e2e8f0);border-radius:8px;width:2.2rem;line-height:2.2rem;font-size:.82rem;margin:1px;transition:background .15s ease,color .15s ease}.react-datepicker__day:hover{background:var(--primary-alpha, rgba(99, 102, 241, .15));color:var(--primary, #6366f1)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background:var(--primary, #6366f1)!important;color:#fff!important;font-weight:600}.react-datepicker__day--today{border:1px solid var(--primary, #6366f1);color:var(--primary, #6366f1);font-weight:600}.react-datepicker__day--outside-month{color:var(--text-muted, #64748b);opacity:.4}.react-datepicker__day--disabled{opacity:.3;cursor:not-allowed}.react-datepicker__month-select,.react-datepicker__year-select{background:var(--bg-secondary, #1a1d2e);color:var(--text-primary, #e2e8f0);border:1px solid var(--border-color, #2d3154);border-radius:6px;padding:2px 6px;font-size:.82rem}.sms-page-content{margin-top:var(--sp-5)}.sms-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media (max-width: 900px){.sms-compose-grid{grid-template-columns:1fr}}.sms-compose-col{display:flex;flex-direction:column;gap:var(--sp-4)}.sms-compose-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);box-shadow:var(--shadow-xs)}.sms-compose-section .form-group{margin-bottom:0}.sms-compose-section-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--sp-2);margin:0;padding-bottom:var(--sp-2);border-bottom:1px solid var(--border)}.sms-mode-pills{display:flex;gap:6px;flex-wrap:wrap}.sms-mode-pill{padding:5px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:var(--t-fast)}.sms-mode-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.sms-mode-pill.active{background:var(--brand);border-color:var(--brand);color:var(--text-white)}.sms-strategy-list{display:flex;flex-direction:column;gap:var(--sp-2)}.sms-strategy-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:var(--t-fast)}.sms-strategy-item:hover,.sms-strategy-item--active{border-color:var(--brand);background:var(--brand-light)}.sms-strategy-label{margin:0;font-weight:600;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.3}.sms-strategy-item--active .sms-strategy-label{color:var(--brand)}.sms-strategy-desc{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-muted)}.sms-recipient-count{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--text-xs);min-height:20px}.sms-recipient-num{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--success)}.sms-recipient-num.zero{color:var(--warning-dark)}.sms-char-counter{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:var(--sp-1)}.sms-placeholder-group{border-top:1px solid var(--border);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.sms-placeholder-label{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.sms-placeholder-btns{display:flex;flex-wrap:wrap;gap:6px}.sms-placeholder-btn{padding:3px 10px;border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--bg-elevated);color:var(--brand);font-size:11px;font-family:monospace;cursor:pointer;transition:var(--t-fast)}.sms-placeholder-btn:hover{background:var(--brand);color:var(--text-white);border-color:var(--brand);border-style:solid}.sms-preview-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--sp-6) 0;margin:0}.sms-preview-list{display:flex;flex-direction:column;gap:14px}.sms-preview-item{display:flex;flex-direction:column;gap:var(--sp-2)}.sms-preview-item-header{display:flex;justify-content:space-between;align-items:center}.sms-preview-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.sms-preview-phone{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-1)}.sms-preview-bubble{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px 12px 12px 0;padding:10px 14px;font-size:var(--text-sm);color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.sms-preview-more{font-size:11px;color:var(--text-muted);text-align:center;margin:var(--sp-1) 0 0}.sms-result-box{background:var(--success-light);border:1px solid color-mix(in srgb,var(--success) 30%,transparent);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.sms-result-box.has-errors{background:var(--warning-light);border-color:color-mix(in srgb,var(--warning) 30%,transparent)}.sms-result-stats{display:flex;gap:var(--sp-4);font-size:var(--text-sm);font-weight:600}.sms-result-ok{color:var(--success)}.sms-result-err{color:var(--danger)}.sms-result-errors{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-1)}.sms-result-errors li{font-size:12px;color:var(--danger)}.sms-templates{display:flex;flex-direction:column;gap:var(--sp-4)}.sms-templates-header{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.sms-templates-filters{display:flex;gap:var(--sp-2);flex-wrap:wrap}.sms-templates-empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.sms-template-group{display:flex;flex-direction:column;gap:var(--sp-2)}.sms-template-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;padding-left:var(--sp-1)}.sms-template-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-3)}.sms-template-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);transition:box-shadow .15s,border-color .15s}.sms-template-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border-dark)}.sms-template-card--inactive{opacity:.5}.sms-template-card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-2)}.sms-template-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.sms-template-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s}.sms-template-card:hover .sms-template-actions{opacity:1}.sms-template-content{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sms-template-meta{display:flex;gap:var(--sp-2);font-size:11px;color:var(--text-muted)}.sms-type-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.sms-type-umumiy{background:var(--brand-light);color:var(--brand)}.sms-type-qarz{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.sms-type-davomat{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning-dark)}.sms-type-lead{background:color-mix(in srgb,var(--info) 12%,transparent);color:var(--info)}.sms-type-hisobot{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.sms-logs{display:flex;flex-direction:column;gap:var(--sp-4)}.sms-logs-filters{display:flex;align-items:flex-end;gap:var(--sp-2);flex-wrap:wrap}.sms-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.sms-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.sms-table thead tr{background:var(--bg-elevated);border-bottom:1px solid var(--border)}.sms-table th{padding:10px var(--sp-4);text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sms-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--t-fast)}.sms-table tbody tr:last-child{border-bottom:none}.sms-table tbody tr:hover{background:var(--bg-elevated)}.sms-table td{padding:10px var(--sp-4);color:var(--text-primary);font-size:var(--text-sm);vertical-align:middle}.sms-table-empty td{text-align:center;padding:var(--sp-10);color:var(--text-muted)}.sms-status{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:600}.sms-status--ok{color:var(--success)}.sms-status--error{color:var(--danger)}.sms-status--pending{color:var(--warning-dark)}.bc-nav{display:flex;align-items:center;gap:2px;margin-bottom:var(--sp-5, 20px);flex-wrap:nowrap;min-width:0}.bc-back{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;min-height:36px;border-radius:var(--radius-md, 8px);color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;flex-shrink:0}.bc-back:hover{background:var(--bg-elevated, rgba(0,0,0,.06));color:var(--text-primary)}.bc-back-icon{flex-shrink:0;opacity:.8}.bc-back-label{white-space:nowrap}.bc-trail-seg{display:flex;align-items:center;gap:2px;min-width:0}.bc-trail-link{font-size:13px;color:var(--text-muted);text-decoration:none;white-space:nowrap;padding:2px 4px;border-radius:var(--radius-sm, 4px);transition:color .15s}.bc-trail-link:hover{color:var(--text-primary)}.bc-sep{color:var(--text-muted);opacity:.5;flex-shrink:0}.bc-current-seg{display:flex;align-items:center;gap:2px;min-width:0}.bc-current{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}@media (max-width: 640px){.bc-mid-hide{display:none}.bc-back{padding:5px 8px;min-height:44px}.bc-current{max-width:160px}}