*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family: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}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-3\.5{top:-.875rem}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-12{bottom:3rem}.bottom-20{bottom:5rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-6{right:1.5rem}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.top-8{top:2rem}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-full{grid-column:1 / -1}.float-right{float:right}.m-0{margin:0}.m-4{margin:1rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.mt-lg{margin-top:1.5rem}.mt-md{margin-top:1rem}.mt-xs{margin-top:.25rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.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-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[700px\]{height:700px}.h-screen{height:100vh}.max-h-\[100px\]{max-height:100px}.max-h-\[200px\]{max-height:200px}.max-h-\[400px\]{max-height:400px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[120px\]{min-height:120px}.min-h-\[140px\]{min-height:140px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.w-0\.5{width:.125rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[100px\]{width:100px}.w-\[36px\]{width:36px}.w-auto{width:auto}.min-w-0{min-width:0px}.min-w-\[18px\]{min-width:18px}.min-w-\[200px\]{min-width:200px}.min-w-\[20px\]{min-width:20px}.min-w-\[800px\]{min-width:800px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-96{max-width:24rem}.max-w-\[440px\]{max-width:440px}.max-w-\[460px\]{max-width:460px}.max-w-\[70\%\]{max-width:70%}.max-w-\[80\%\]{max-width:80%}.max-w-\[85\%\]{max-width:85%}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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 bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-\[1px\]{gap:1px}.gap-lg{gap:1.5rem}.gap-md{gap:1rem}.gap-sm{gap:.5rem}.gap-xs{gap:.25rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--border-color\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-color)}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[var\(--border-color\)\]{border-color:var(--border-color)}.border-\[var\(--primary\)\]{border-color:var(--primary)}.border-amber-400\/20{border-color:#fbbf2433}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-border{border-color:var(--border-color)}.border-emerald-500\/20{border-color:#10b98133}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-500\/30{border-color:#6b72804d}.border-indigo-500\/30{border-color:#6366f14d}.border-primary{border-color:var(--primary)}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-500\/20{border-color:#a855f733}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-slate-500\/30{border-color:#64748b4d}.border-slate-900{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-violet-400{--tw-border-opacity: 1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/5{border-color:#ffffff0d}.border-white\/\[0\.04\]{border-color:#ffffff0a}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-t-\[var\(--danger\)\]{border-top-color:var(--danger)}.border-t-\[var\(--success\)\]{border-top-color:var(--success)}.border-t-transparent{border-top-color:transparent}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.bg-\[var\(--bg-card\)\]{background-color:var(--bg-card)}.bg-\[var\(--bg-hover\)\]{background-color:var(--bg-hover)}.bg-\[var\(--bg-input\)\]{background-color:var(--bg-input)}.bg-\[var\(--bg-main\)\]{background-color:var(--bg-main)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border-color\)\]{background-color:var(--border-color)}.bg-\[var\(--brand-primary\)\]{background-color:var(--brand-primary)}.bg-\[var\(--primary\)\]{background-color:var(--primary)}.bg-amber-400\/30{background-color:#fbbf244d}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-background{background-color:var(--bg-body)}.bg-black\/10{background-color:#0000001a}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-card{background-color:var(--bg-card)}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / 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\/20{background-color:#10b98133}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-500\/10{background-color:#6b72801a}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-900\/50{background-color:#11182780}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/20{background-color:#6366f133}.bg-orange-500\/10{background-color:#f973161a}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-slate-500\/20{background-color:#64748b33}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/90{background-color:#ffffffe6}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-5{--tw-bg-opacity: .05}.bg-none{background-image:none}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-md{padding:1rem}.p-sm{padding:.5rem}.p-xl{padding:2rem}.p-xs{padding:.25rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-justify{text-align:justify}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--danger\)\]{color:var(--danger)}.text-\[var\(--primary\)\]{color:var(--primary)}.text-\[var\(--success\)\]{color:var(--success)}.text-\[var\(--text-main\)\]{color:var(--text-main)}.text-\[var\(--text-muted\)\]{color:var(--text-muted)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-primary{color:var(--primary)}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-text-main{color:var(--text-main)}.text-text-muted{color:var(--text-muted)}.text-text-secondary{color:var(--text-secondary)}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.placeholder-\[var\(--text-muted\)\]::-moz-placeholder{color:var(--text-muted)}.placeholder-\[var\(--text-muted\)\]::placeholder{color:var(--text-muted)}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-white\/30::-moz-placeholder{color:#ffffff4d}.placeholder-white\/30::placeholder{color:#ffffff4d}.placeholder-white\/40::-moz-placeholder{color:#fff6}.placeholder-white\/40::placeholder{color:#fff6}.placeholder-white\/60::-moz-placeholder{color:#fff9}.placeholder-white\/60::placeholder{color:#fff9}.accent-emerald-500{accent-color:#10b981}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);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-md{--tw-backdrop-blur: blur(12px);-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)}.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-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-shadow{transition-property:box-shadow;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-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{color-scheme:dark;--primary: hsl(158, 64%, 52%);--primary-hover: hsl(158, 64%, 42%);--primary-light: hsl(158, 64%, 95%);--success: hsl(158, 64%, 52%);--success-light: hsl(158, 64%, 95%);--success-bg: hsla(158, 64%, 52%, .12);--success-border: hsla(158, 64%, 52%, .3);--warning: hsl(38, 92%, 50%);--warning-light: hsl(38, 92%, 95%);--warning-bg: hsla(38, 92%, 50%, .12);--warning-border: hsla(38, 92%, 50%, .3);--danger: hsl(0, 84%, 60%);--danger-light: hsl(0, 84%, 95%);--danger-bg: hsla(0, 84%, 60%, .12);--danger-border: hsla(0, 84%, 60%, .3);--info: hsl(217, 91%, 60%);--info-light: hsl(217, 91%, 95%);--info-bg: hsla(217, 91%, 60%, .12);--info-border: hsla(217, 91%, 60%, .3);--bg-body: #0f1419;--bg-main: #0f1419;--bg-card: #1a1f2e;--bg-sidebar: #151a26;--bg-input: #252b3b;--bg-hover: #2a3142;--text-main: #e5e7eb;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-inverse: #0f172a;--border-color: #2d3748;--border-radius: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px;--glass-bg: rgba(26, 31, 46, .85);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--ticket-status-open: #3b82f6;--ticket-status-open-bg: rgba(59, 130, 246, .12);--ticket-status-progress: #f59e0b;--ticket-status-progress-bg: rgba(245, 158, 11, .12);--ticket-status-resolved: #10b981;--ticket-status-resolved-bg: rgba(16, 185, 129, .12);--ticket-status-closed: #6b7280;--ticket-status-closed-bg: rgba(107, 114, 128, .12);--ticket-priority-low: #6b7280;--ticket-priority-low-bg: rgba(107, 114, 128, .12);--ticket-priority-medium: #3b82f6;--ticket-priority-medium-bg: rgba(59, 130, 246, .12);--ticket-priority-high: #f59e0b;--ticket-priority-high-bg: rgba(245, 158, 11, .12);--ticket-priority-urgent: #ef4444;--ticket-priority-urgent-bg: rgba(239, 68, 68, .12);--ticket-cat-billing: #8b5cf6;--ticket-cat-technical: #06b6d4;--ticket-cat-service: #f59e0b;--ticket-cat-product: #10b981;--ticket-cat-refund: #ec4899;--ticket-cat-complaint: #f97316;--ticket-cat-other: #6b7280;--meeting-followup: #38bdf8;--meeting-followup-bg: rgba(56, 189, 248, .1);--meeting-escalation: #ef4444;--meeting-escalation-bg: rgba(239, 68, 68, .1);--meeting-review: #fb923c;--meeting-review-bg: rgba(251, 146, 60, .1);--meeting-onsite: #34d399;--meeting-onsite-bg: rgba(52, 211, 153, .1);--meeting-demo: #60a5fa;--meeting-demo-bg: rgba(96, 165, 250, .1);--meeting-other: #9ca3af;--meeting-other-bg: rgba(156, 163, 175, .1);--meeting-st-scheduled: #60a5fa;--meeting-st-scheduled-bg: rgba(96, 165, 250, .1);--meeting-st-confirmed: #34d399;--meeting-st-confirmed-bg: rgba(52, 211, 153, .1);--meeting-st-progress: #f59e0b;--meeting-st-progress-bg: rgba(245, 158, 11, .1);--meeting-st-completed: #10b981;--meeting-st-completed-bg: rgba(16, 185, 129, .1);--meeting-st-cancelled: #ef4444;--meeting-st-cancelled-bg: rgba(239, 68, 68, .1);--ticket-agent-avatar: #6366f1;--ticket-filter-all: var(--primary);--ticket-filter-all-bg: hsla(158, 64%, 52%, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Inter,-apple-system,sans-serif;background-color:var(--bg-body);background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.12) 0,transparent 50%),radial-gradient(at 50% 0%,rgba(52,211,153,.08) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.12) 0,transparent 50%);background-attachment:fixed;color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{cursor:pointer;font-family:inherit;border:none;background:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-moz-selection{background-color:#10b9814d;color:var(--text-main)}::selection{background-color:#10b9814d;color:var(--text-main)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg)}.page-container{max-width:1400px;margin:0 auto;padding:var(--spacing-xl);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;color:var(--text-main)}.header-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.master-layout-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 1024px){.master-layout-grid.has-sidebar{grid-template-columns:2fr 1fr}}@media (max-width: 768px){.page-container{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.page-header h1{font-size:1.5rem}.header-actions{width:100%;flex-wrap:wrap;gap:var(--spacing-sm)}.header-actions button,.header-actions .btn{flex:1;min-width:120px}}.tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);padding-bottom:2px}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:.95rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}@media (max-width: 1024px){.hide-on-mobile{display:none!important}}@media (min-width: 1024px){.show-on-mobile{display:none!important}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-row-responsive{display:flex;flex-direction:row;gap:var(--spacing-md)}@media (max-width: 768px){.flex-row-responsive{flex-direction:column;align-items:stretch}}.grid-cols-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}@media (max-width: 640px){.grid-responsive{grid-template-columns:1fr;gap:var(--spacing-md)}}.grid-responsive-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}@media (max-width: 640px){.grid-responsive-cards{grid-template-columns:1fr;gap:var(--spacing-md)}}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0!important}.p-0{padding:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-8{margin-bottom:2rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.ml-6{margin-left:1.5rem!important}.p-sm{padding:var(--spacing-sm)!important}.p-md{padding:var(--spacing-md)!important}.p-lg{padding:var(--spacing-lg)!important}.p-xl{padding:var(--spacing-xl)!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}.text-main{color:var(--text-main)!important}.text-primary{color:var(--primary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.h-full{height:100%}.overflow-hidden{overflow:hidden}.inbox-layout-wrapper{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.last\:border-0:last-child{border-width:0px}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-125:hover{--tw-scale-x: 1.25;--tw-scale-y: 1.25;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\:scale-\[1\.01\]:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-100:hover{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-primary:hover{border-color:var(--primary)}.hover\:bg-\[var\(--bg-hover\)\]:hover{background-color:var(--bg-hover)}.hover\:bg-amber-500\/10:hover{background-color:#f59e0b1a}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/5:hover{background-color:#0000000d}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-500\/10:hover{background-color:#10b9811a}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-violet-500\/10:hover{background-color:#8b5cf61a}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/25:hover{background-color:#ffffff40}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:text-\[var\(--danger\)\]:hover{color:var(--danger)}.hover\:text-\[var\(--text-main\)\]:hover{color:var(--text-main)}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_12px_rgba\(168\,85\,247\,0\.15\)\]:hover{--tw-shadow: 0 0 12px rgba(168,85,247,.15);--tw-shadow-colored: 0 0 12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_15px_rgba\(34\,197\,94\,0\.15\)\]:hover{--tw-shadow: 0 0 15px rgba(34,197,94,.15);--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-emerald-500\/40:focus{border-color:#10b98166}.focus\:border-emerald-500\/50:focus{border-color:#10b98180}.focus\:border-primary:focus{border-color:var(--primary)}.focus\:border-white\/20:focus{border-color:#fff3}.focus\:border-white\/30:focus{border-color:#ffffff4d}.focus\:shadow-\[0_0_10px_rgba\(16\,185\,129\,0\.1\)\]:focus{--tw-shadow: 0 0 10px rgba(16,185,129,.1);--tw-shadow-colored: 0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--primary\)\]:focus{--tw-ring-color: var(--primary)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.active\:scale-90:active{--tw-scale-x: .9;--tw-scale-y: .9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-100{opacity:1}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-purple-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900\/30:is(.dark *){background-color:#1118274d}.dark\:bg-gray-900\/50:is(.dark *){background-color:#11182780}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-white\/5:hover:is(.dark *){background-color:#ffffff0d}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:w-32{width:8rem}.md\:w-48{width:12rem}.md\:w-80{width:20rem}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media print{.print\:hidden{display:none}}.layout-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:280px;height:100%;background:var(--bg-sidebar);border-right:1.5px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:100}.sidebar.closed{width:80px}.sidebar-header{height:80px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.logo-area{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;color:var(--primary);overflow:hidden}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.logo-text{font-weight:700;font-size:1.1rem;color:var(--text-main);letter-spacing:-.02em}.toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px;border-radius:6px;transition:background-color var(--transition-fast)}.toggle-btn:hover{background-color:var(--bg-input);color:var(--primary)}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.category-block{display:flex;flex-direction:column}.category-header{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:6px;margin-bottom:2px;transition:color var(--transition-fast),background-color var(--transition-fast)}.category-header:hover{color:var(--text-secondary);background-color:#ffffff08}.category-header-text{flex:1}.category-items{display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;max-height:0;opacity:0}.category-items.expanded{max-height:600px;opacity:1}.sidebar.closed .category-header{display:none!important}.sidebar.closed .category-items{max-height:none!important;opacity:1!important}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--bg-hover);color:var(--primary)}.nav-item.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #10b98140}.nav-item.ai-agent{color:#a78bfa;background-color:#8b5cf614;border:1px solid rgba(139,92,246,.2)}.nav-item.ai-agent:hover{background-color:#8b5cf62e;color:#c4b5fd;border-color:#8b5cf666}.nav-item.ai-agent.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;border:none;box-shadow:0 4px 12px #8b5cf640}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;background:var(--bg-input);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-main);border:1.5px solid var(--border-color)}.user-details{display:flex;flex-direction:column}.user-details .name{font-size:.9rem;font-weight:600;color:var(--text-main)}.user-details .role{font-size:.75rem;color:var(--text-muted)}.logout-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background-color:#ef444426;color:#f87171}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.topbar{height:80px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);border-bottom:1.5px solid var(--border-color);z-index:10}.breadcrumbs{font-size:.9375rem;font-weight:600;color:var(--text-main);letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.content-scrollable{flex:1;overflow-y:auto;padding:var(--spacing-lg);padding-bottom:40px}.sidebar-overlay{display:none}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-main);padding:8px;border-radius:8px;cursor:pointer;transition:background-color var(--transition-fast);align-items:center;justify-content:center}.mobile-menu-toggle:hover{background-color:var(--bg-hover);color:var(--primary)}@media (max-width: 1024px){.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f1419b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;animation:fadeIn .2s ease-out forwards}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:999;width:280px;transform:translate(0);box-shadow:8px 0 32px #00000080}.sidebar.closed{transform:translate(-100%);width:280px}.mobile-menu-toggle{display:flex}.topbar{padding:0 24px;height:70px}}@media (max-width: 768px){.topbar{padding:0 16px}.content-scrollable{padding:var(--spacing-md);padding-bottom:24px}.breadcrumbs{font-size:.875rem}}.content-scrollable.content-full{padding:0!important;overflow:hidden!important;height:calc(100vh - 80px);display:flex;flex-direction:column}@media (max-width: 1024px){.content-scrollable.content-full{height:calc(100vh - 70px)}}.dashboard-container{padding:var(--spacing-xl);max-width:1600px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.stat-icon{width:56px;height:56px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px;flex:1}.stat-label{font-size:.8125rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;line-height:1.2}.stat-sub{font-size:.875rem;color:var(--text-muted);margin-top:2px}.stat-trend{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;margin-top:4px}.stat-trend.positive{color:var(--success)}.stat-trend.negative{color:var(--danger)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}@media (max-width: 640px){.charts-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.chart-card{min-height:420px;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);padding:var(--spacing-xl)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1.125rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.chart-wrapper{flex:1;min-height:320px;display:flex;align-items:center;justify-content:center}.risk-status-content{padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;gap:var(--spacing-md)}.risk-status-content svg{margin:0 auto var(--spacing-md)}.risk-status-content h3{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm)}.risk-status-content p{font-size:.9375rem;color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.stat-icon-success{background-color:var(--success-light);color:var(--success)}.stat-icon-danger{background-color:var(--danger-light);color:var(--danger)}.stat-icon-warning{background-color:var(--warning-light);color:var(--warning)}.stat-icon-primary{background-color:var(--primary-light);color:var(--primary)}.stat-icon-info{background-color:var(--info-light);color:var(--info)}.dashboard-loading{min-height:400px}.dashboard-spinner{border-color:var(--border-color);border-top-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--border-radius);font-weight:600;transition:all var(--transition-normal);border:1px solid transparent;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.btn:active:not(:disabled){transform:scale(.97)}.btn-sm{padding:0 12px;font-size:.8125rem;height:32px}.btn-md{padding:0 20px;font-size:.875rem;height:42px}.btn-lg{padding:0 28px;font-size:1rem;height:52px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 12px #10b98140}.btn-primary:not(:disabled):hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-1px)}.btn-secondary{background:var(--bg-input);border-color:var(--border-color);color:var(--text-main)}.btn-secondary:not(:disabled):hover{background-color:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:linear-gradient(135deg,var(--danger),#b91c1c);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:not(:disabled):hover{background-color:var(--bg-input);color:var(--text-main)}.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.input-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-left:2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:0 14px;height:42px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-input);font-size:.9375rem;color:var(--text-main);transition:all var(--transition-fast)}.input-field:focus{outline:none;background-color:var(--bg-hover);border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.input-field.has-icon{padding-left:42px}.input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;display:flex;transition:color var(--transition-fast)}.input-field:focus+.input-icon{color:var(--primary)}.input-error{font-size:.8125rem;color:var(--danger);font-weight:500;margin-top:2px}.card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a;padding:var(--spacing-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026;border-color:#ffffff1a}.card-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:1.125rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.card-body.no-padding{margin:calc(var(--spacing-lg) * -1);margin-top:var(--spacing-md)}.table-container{width:100%;overflow-x:auto;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:14px 20px;background-color:var(--bg-input);color:var(--text-secondary);font-weight:600;border-bottom:1.5px solid var(--border-color);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.data-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);color:var(--text-main);transition:background-color var(--transition-fast)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background-color:var(--bg-hover)}.data-table tr.clickable{cursor:pointer}.th-content{display:flex;align-items:center;gap:8px}.sort-icon{opacity:.3;transition:opacity var(--transition-fast)}.data-table th:hover .sort-icon{opacity:1}.badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;border:1px solid transparent}.badge.sent,.badge.pending,.badge.paid,.badge.matched{background:#10b98126;color:#34d399;border-color:#10b9814d}.badge.overdue,.badge.unmatched{background:#ef444426;color:#f87171;border-color:#ef44444d}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-input)}.toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999}.toast{min-width:300px;padding:16px 20px;border-radius:var(--border-radius);background:var(--bg-card);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;color:var(--text-main);font-size:.875rem;font-weight:500;border-left:4px solid var(--primary);animation:toast-slide-in .3s ease-out}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}.toast.info{border-left-color:var(--primary)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:#0f1419b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow-y:auto}.modal-content{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius-xl);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;animation:modal-slide-up .25s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modal-slide-up{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.modal-header{padding:var(--spacing-xl);border-bottom:1.5px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,var(--bg-card),transparent)}.modal-title{font-size:1.375rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.modal-body{padding:var(--spacing-xl);max-height:75vh;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1.5px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md);background:linear-gradient(to top,var(--bg-card),transparent)}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-neutral{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color)}textarea.input-field{resize:vertical;padding:12px 14px;min-height:80px;height:auto;font-family:inherit;line-height:1.5}select.input-field{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='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' 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:40px}select.input-field option{background-color:var(--bg-card);color:var(--text-main);padding:8px}.link-primary{color:var(--primary);text-decoration:underline;cursor:pointer}.link-primary:hover{color:var(--primary-hover)}.bank-grid-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.bank-empty-text{color:var(--text-secondary)}.bank-header-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:12px}.bank-icon-wrapper{padding:8px;background:var(--primary-light);border-radius:8px;color:var(--primary);display:flex;align-items:center;justify-content:center}.bank-title{margin:0}.bank-subtitle{font-size:.8rem;margin:0;color:var(--text-secondary)}.bank-card-content{padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius)}.bank-card-label{color:var(--text-secondary);font-size:.75rem}.bank-card-balance{font-size:1.5rem;font-weight:600;margin-top:.25rem}.bank-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.bank-card-footer-text{color:var(--text-secondary);font-size:.75rem}.bank-reconcile-toolbar{padding:1.5rem;border-bottom:1px solid var(--border-color)}.bank-reconcile-toolbar-title{margin:0}.bank-reconcile-toolbar-desc{font-size:.875rem;margin-top:.5rem;color:var(--text-secondary)}.bank-reconcile-select-wrapper{min-width:220px;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.bank-reconcile-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);font-size:13px;flex:1;width:100%}.bank-empty-state{padding:3rem;text-align:center}.bank-import-title{margin-top:0}.bank-import-select-wrapper{margin-bottom:1.5rem}.bank-import-select{padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);font-size:14px;width:100%}.bank-dropzone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:3rem;text-align:center;cursor:pointer;transition:all .2s;background-color:var(--bg-secondary)}.bank-dropzone.ready{background-color:var(--success-light);border-color:var(--success)}.bank-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:.5rem}.bank-dropzone-inner p{margin:0}.bank-dropzone-text-success{font-weight:600;color:var(--success)}.bank-dropzone-text-bold{font-weight:600}.bank-dropzone-text-sub{font-size:.875rem;color:var(--text-secondary)}.bank-import-instructions{margin-top:1rem;padding:1rem;background-color:var(--bg-secondary);border-radius:var(--border-radius);font-size:.875rem}.bank-import-instructions span{color:var(--text-secondary)}.bank-preview-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.bank-preview-header h3{margin:0}.bank-preview-header-desc{font-size:.875rem;margin-top:.25rem;color:var(--text-secondary)}.bank-preview-actions{display:flex;gap:.75rem}.bank-preview-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.bank-preview-table{width:100%;border-collapse:collapse}.bank-preview-table-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.bank-preview-table-th{text-align:left;padding:.75rem;color:var(--text-secondary);font-size:.875rem;font-weight:600}.bank-preview-table-th.amount{text-align:right}.bank-preview-table-th.direction{text-align:center}.bank-preview-table-tr{border-bottom:1px solid var(--border-color)}.bank-preview-table-td{padding:.75rem}.bank-preview-table-td.amount{text-align:right}.bank-preview-table-td.direction{text-align:center}.bank-tx-in{color:var(--success)}.bank-tx-out{color:var(--text-main)}.bank-tx-status-matched{color:var(--success);display:inline-flex;align-items:center;gap:.25rem}.bank-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bank-modal-card{max-width:500px;width:90%}.bank-modal-title{margin-top:0}.bank-modal-desc{font-size:.875rem;color:var(--text-secondary)}.bank-modal-body{margin-top:1.5rem}.bank-modal-body-title{font-weight:600;margin-bottom:.5rem}.bank-modal-actions-container{display:flex;gap:.75rem}.bank-modal-footer{margin-top:2rem;display:flex;justify-content:flex-end}.progress-bar-container{width:100%;background:var(--bg-input);overflow:hidden;position:relative}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;transition:width .5s ease}.progress-bar-invoiced{background:#3b82f640}.progress-bar-paid{background:linear-gradient(90deg,var(--success),var(--primary))}.invoice-metric-box{border-radius:.75rem;padding:.875rem 1rem;flex:1;min-width:140px;transition:all var(--transition-fast)}.invoice-metric-label{font-size:.6875rem;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.invoice-metric-value{font-size:1.125rem;font-weight:700;margin:.25rem 0 0}.invoice-metric-sub{font-size:.6875rem;color:var(--text-muted);margin:.125rem 0 0}.termin-status-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;padding:.25rem .5rem;border-radius:9999px}.billing-card-warning-banner{background:#ef444414;border-bottom:1px solid rgba(239,68,68,.15);padding:.5rem 1.25rem}.billing-card-header{padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.billing-card-summary-row,.billing-card-progress-row{margin-left:1.5rem;margin-bottom:.5rem}.billing-card-next-action-row{margin-left:1.5rem}.billing-card-expanded-body{border-top:1px solid var(--border-color);padding:1.25rem}.timeline-table-container{border-radius:.5rem;border:1px solid var(--border-color);overflow:hidden}.timeline-table{width:100%;border-collapse:collapse}.timeline-table-th{text-align:left;padding:10px 14px;background:var(--bg-input);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border-color)}.timeline-table-tr{border-top:1px solid var(--border-color);cursor:pointer;transition:background .15s}.timeline-table-tr:hover{background:var(--bg-hover)}.timeline-table-td{padding:12px 14px;color:var(--text-main);border-bottom:1px solid var(--border-color)}.bulk-floating-bar{margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary) 0%,#10b981 100%);border-radius:.75rem;box-shadow:0 4px 12px #10b98140}@media (max-width: 768px){.billing-card-header{padding:.75rem 1rem}.billing-card-summary-row{margin-left:0;flex-direction:column;align-items:flex-start;gap:.25rem}.billing-card-progress-row,.billing-card-next-action-row{margin-left:0}.invoice-metric-box{min-width:100%}}.termin-card{border-radius:.75rem;padding:1rem;position:relative;overflow:hidden;transition:border-color .15s,background .15s;background-color:var(--bg-card);border:1px solid var(--border-color)}.termin-card.is-clickable{cursor:pointer}.termin-card.is-selected{border-color:var(--primary);background-color:#10b9810d}.termin-card.is-paid{border-color:#10b98140;background-color:#10b98105}.termin-card.is-overdue{border-color:#ef444440;background-color:#ef444405}.termin-card-indicator{position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--border-color)}.termin-card.is-selected .termin-card-indicator{background-color:var(--primary)}.termin-card.is-paid .termin-card-indicator{background-color:var(--success)}.termin-card.is-invoiced .termin-card-indicator{background-color:var(--info)}.termin-checkbox{color:var(--text-muted)}.termin-checkbox.is-selected{color:var(--primary)}.termin-number-badge{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;background-color:var(--primary);color:#fff;flex-shrink:0}.termin-card.is-paid .termin-number-badge{background-color:var(--success)}.termin-name{font-weight:700;font-size:.875rem}.termin-value{font-size:1rem;font-weight:800;margin-top:4px;margin-bottom:0;color:var(--text-main)}.termin-value.is-paid{color:var(--success)}.bulk-floating-bar-sep{opacity:.9}.bulk-btn-cancel{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}.bulk-btn-submit{background:#fff!important;color:var(--primary)!important}.timeline-table-header-row{background:var(--bg-input)}.billing-card-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.billing-card-dot-blue{background:#3b82f6}.billing-card-dot-green{background:#10b981}.billing-card-dot-purple{background:#8b5cf6}.billing-card-value-container{min-width:180px}.billing-card-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:9999px;background-color:color-mix(in srgb,var(--badge-color) 8%,transparent);color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 20%,transparent)}.invoices-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.invoices-loading-content{text-align:center;color:var(--text-secondary)}.invoices-loading-icon{margin:0 auto 1rem;opacity:.5}.invoices-header-title{display:flex;align-items:center;gap:.5rem}.invoices-header-desc{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.invoices-header-actions{display:flex;gap:.5rem;align-items:center}.invoices-view-toggle{display:flex;border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-secondary)}.invoices-view-btn{padding:.5rem .875rem;border:none;cursor:pointer;font-size:.8125rem;font-weight:600;background:transparent;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem;transition:all .2s}.invoices-view-btn.active{background:var(--primary);color:#fff}.invoices-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.invoices-stats-card-inner{padding:1rem;display:flex;align-items:center;gap:.75rem}.invoices-stats-icon-wrapper{width:44px;height:44px;border-radius:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invoices-stats-icon-wrapper.total-contract{background:linear-gradient(135deg,#334155,#475569)}.invoices-stats-icon-wrapper.invoiced{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.invoices-stats-icon-wrapper.paid{background:linear-gradient(135deg,#10b981,#34d399)}.invoices-stats-icon-wrapper.uninvoiced{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.invoices-stats-icon-wrapper.draft{background:#64748b1a;color:#64748b}.invoices-stats-icon-wrapper.outstanding{background:#3b82f61a;color:#3b82f6}.invoices-stats-icon-wrapper.lunas{background:#10b9811a;color:#10b981}.invoices-stats-icon-wrapper.overdue{background:#ef44441a;color:#ef4444}.invoices-stats-info{display:flex;flex-direction:column}.invoices-stats-label{font-size:.6875rem;color:var(--text-muted);margin:0;text-transform:uppercase;font-weight:600}.invoices-stats-value{font-size:1.25rem;font-weight:800;margin:0;color:var(--text-main)}.invoices-stats-sub{font-size:.6875rem;color:var(--text-muted);margin:0}.invoices-progress-card{margin-bottom:1.25rem}.invoices-progress-card-inner{padding:1rem 1.25rem}.invoices-progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.invoices-progress-card-title{font-size:.8125rem;font-weight:600;color:var(--text-main)}.invoices-progress-legend{display:flex;gap:1rem}.invoices-progress-legend-item{display:flex;align-items:center;gap:.25rem}.invoices-progress-legend-dot{width:10px;height:10px;border-radius:2px}.invoices-progress-legend-dot.invoiced{background:#3b82f64d}.invoices-progress-legend-dot.paid{background:#10b981}.invoices-progress-legend-label{font-size:.6875rem;color:var(--text-muted)}.invoices-search-wrapper{position:relative;margin-bottom:1rem}.invoices-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.invoices-search-input-field{padding-left:2.5rem!important;margin:0!important}.invoices-empty-container{padding:3rem;text-align:center;color:var(--text-muted)}.invoices-empty-icon{margin:0 auto 1rem;opacity:.3}.invoices-empty-title{font-weight:600;margin-bottom:.25rem}.invoices-empty-desc{font-size:.8125rem}.invoices-filters-inner{padding:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.invoices-filter-search{position:relative;flex:1;min-width:200px}.invoices-filter-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.invoices-filter-search-input{padding-left:2.25rem!important;margin:0!important}.invoices-filter-select{width:180px!important;margin:0!important}.invoices-table-container{overflow-x:auto}.invoices-list-table{width:100%;border-collapse:collapse}.invoices-list-table th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.invoices-list-table tr{border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.invoices-list-table tr:hover{background:var(--bg-hover)}.invoices-list-table td{padding:.875rem 1rem}.invoices-cell-id{font-weight:600;color:var(--primary);font-size:.875rem}.invoices-cell-client{font-weight:500;font-size:.875rem}.invoices-cell-project{display:block;font-size:.75rem;color:var(--text-muted)}.invoices-cell-type{font-size:.8125rem;color:var(--text-secondary)}.invoices-cell-date,.invoices-cell-due{font-size:.8125rem}.invoices-cell-total{text-align:right;font-weight:700;font-size:.875rem}.invoices-cell-paid{text-align:right;font-size:.875rem;color:#10b981;font-weight:600}.invoices-cell-remaining{text-align:right;font-size:.875rem;font-weight:700}.invoices-cell-remaining.unpaid{color:#f59e0b}.invoices-cell-remaining.paid{color:#10b981}.invoices-table-empty-row{text-align:center;padding:3rem;color:var(--text-secondary)}.invoices-table-empty-icon{margin:0 auto .75rem;opacity:.3}.invoices-bulk-modal-inner{padding:1.25rem}.invoices-bulk-modal-summary{padding:1rem;border-radius:.5rem;margin-bottom:1rem;background:var(--bg-input)}.invoices-bulk-modal-summary-title{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.invoices-bulk-modal-summary-item{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.75rem}.invoices-bulk-modal-summary-total{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-weight:700}.invoices-bulk-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.invoice-detail-layout-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}@media (max-width: 1024px){.invoice-detail-layout-grid{grid-template-columns:1fr}}.invoice-detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.invoice-detail-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.invoice-detail-header-container{display:flex;align-items:center;gap:1rem}.invoice-detail-header-title{display:flex;align-items:center;gap:.5rem;margin:0}.invoice-detail-header-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:.25rem 0 0}.invoice-detail-flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.invoice-detail-flex-between-start{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.invoice-detail-flex-end-gap{display:flex;justify-content:flex-end;gap:1rem}.invoice-detail-termins-flex{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-detail-termin-btn{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;text-align:left;transition:all .15s}.invoice-detail-termin-btn:hover{border-color:#6366f1;background:#6366f10d}.invoice-detail-termin-btn-title{font-size:.75rem;font-weight:600;color:#6366f1}.invoice-detail-termin-btn-desc{font-size:.6875rem;color:var(--text-muted)}.invoice-detail-termin-btn-val{font-size:.875rem;font-weight:700;margin-top:.25rem}.invoice-detail-sidebar-list{display:flex;flex-direction:column;gap:.75rem}.invoice-detail-sidebar-row{display:flex;justify-content:space-between}.invoice-detail-sidebar-label{color:var(--text-secondary);font-size:.875rem}.invoice-detail-sidebar-val{font-weight:600;font-size:.875rem}.invoice-detail-sidebar-val.total{font-weight:700;font-size:1rem}.invoice-detail-sidebar-val.paid{color:#10b981}.invoice-detail-sidebar-val.remaining{font-weight:800;font-size:1.125rem}.invoice-detail-sidebar-val.remaining.unpaid{color:#dc2626}.invoice-detail-sidebar-val.remaining.paid{color:#10b981}.invoice-detail-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.invoice-detail-card-title{font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.invoice-detail-card-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}.invoice-detail-meta-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 .25rem}.invoice-detail-meta-val{font-weight:600;margin:0;font-size:.875rem}.invoice-detail-inline-date-input{margin:0!important;padding:2px 8px!important;height:auto!important;font-size:.875rem!important;width:auto!important;display:inline-block!important}.invoice-detail-overdue-color{color:var(--danger, #ef4444)}.invoice-detail-table-wrapper{overflow-x:auto}.invoice-detail-table{width:100%;border-collapse:collapse}.invoice-detail-table th{padding:.75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-color)}.invoice-detail-table td{padding:.75rem;border-bottom:1px solid var(--border-color)}.invoice-detail-table tfoot tr{border-top:1px solid var(--border-color)}.invoice-detail-table tfoot tr.total-row{border-top:2px solid var(--border-color)}.invoice-detail-table tfoot td{padding:.5rem .75rem}.invoice-detail-table tfoot td.total-cell{padding:.875rem .75rem;font-weight:800;font-size:1.125rem}.invoice-detail-table .text-left{text-align:left}.invoice-detail-table .text-center{text-align:center}.invoice-detail-table .text-right{text-align:right}.invoice-detail-notes{margin-top:1rem;padding:.75rem;background:var(--bg-hover);border-radius:.5rem}.invoice-detail-notes-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 .25rem}.invoice-detail-notes-val{margin:0;font-size:.875rem}.invoice-detail-section-title{margin-top:0;display:flex;align-items:center;gap:.5rem}.invoice-detail-payment-amount{padding:.75rem;text-align:right;font-weight:700;color:#16a34a}.invoice-detail-payment-amount.voided{color:var(--text-secondary);text-decoration:line-through}.invoice-detail-info-banner{padding:.75rem;background:#3b82f61a;border-radius:.5rem;margin-bottom:1rem;font-size:.8125rem}.invoice-detail-divider{margin:.5rem 0;border:none;border-top:1px solid var(--border-color)}.invoice-detail-progress-wrapper{margin-top:1rem}.invoice-detail-progress-label-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-bottom:.375rem}.invoice-detail-progress-bg{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.invoice-detail-progress-fill{height:100%;border-radius:4px;transition:width .3s ease;width:var(--progress-width, 0%)}.invoice-detail-progress-fill.paid{background:#16a34a}.invoice-detail-progress-fill.partial{background:#3b82f6}.invoice-detail-success-banner{padding:.75rem;background:#10b9811a;border-radius:.5rem;font-size:.8125rem;color:#059669}.invoice-detail-inline-icon{display:inline;margin-right:.5rem;vertical-align:text-bottom}.invoice-detail-client-name{font-weight:600;margin:0}.invoice-detail-client-info{font-size:.8125rem;color:var(--text-secondary);margin:0}.invoice-detail-info-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 .125rem}.invoice-detail-info-val{font-size:.8125rem;margin:0}.bill-alert-survival{padding:1rem;background-color:var(--danger-light);border:1px solid var(--danger);border-radius:var(--border-radius-lg);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.bill-alert-survival p{margin:0;color:var(--text-secondary);font-size:.875rem}.bill-section-title{margin-top:0}.bill-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.bill-lines-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.bill-lines-header h3{margin:0}.bill-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.bill-table{width:100%;border-collapse:collapse}.bill-table-th{text-align:left;padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;font-weight:600}.bill-table-th.amount{width:180px;text-align:right}.bill-table-th.account{width:200px}.bill-table-th.action{width:60px}.bill-table-tr{border-bottom:1px solid var(--border-color)}.bill-table-td{padding:.75rem}.bill-table-td input.input-field,.bill-table-td select.input-field{margin:0}.bill-table-td.amount input{text-align:right}.bill-table-td.action{text-align:center}.bill-delete-line-btn{background:none;border:none;cursor:pointer;color:var(--danger);display:inline-flex;align-items:center;justify-content:center;padding:4px}.bill-delete-line-btn:hover{opacity:.8}.bill-table-subtotal-label,.bill-table-subtotal-val,.bill-table-total-label,.bill-table-total-val{padding:.75rem}.bill-table-subtotal-label,.bill-table-subtotal-val{text-align:right;font-weight:600}.bill-table-total-label{text-align:right;font-weight:700;font-size:1.1rem}.bill-table-total-val{text-align:right;font-weight:700;font-size:1.1rem;color:var(--danger)}.bill-actions-row{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.bill-general-actions{display:flex;gap:1rem;flex-wrap:wrap}.bill-divider{margin:2rem 0;border:none;border-top:1px solid var(--border-color)}.bill-alert-warning{padding:.75rem 1rem;background-color:var(--warning-light);border:1px solid var(--warning);border-radius:var(--border-radius);margin-bottom:1rem;font-size:.875rem}.bill-payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:600px}.bill-nfc-preview{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--border-radius)}.bill-nfc-item{flex:1}.bill-nfc-label{color:var(--text-secondary);font-size:.875rem;display:block;margin-bottom:4px}.bill-nfc-value{font-size:1.25rem;font-weight:600}.bill-nfc-value.success{color:var(--success)}.bill-nfc-value.danger{color:var(--danger)}.bill-submit-payment-btn{margin-top:1rem}.project-loading{text-align:center;padding:2rem 0;color:var(--text-muted)}.project-alert{padding:.75rem 1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:.75rem;background-color:var(--alert-bg);border:1px solid var(--alert-border)}.project-alert.critical{--alert-bg: rgba(239, 68, 68, .15);--alert-border: #ef4444}.project-alert.high{--alert-bg: rgba(251, 191, 36, .15);--alert-border: #fbbf24}.project-alert.info{--alert-bg: rgba(96, 165, 250, .15);--alert-border: #60a5fa}.project-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.project-budget-card{margin-top:1.5rem;padding:1.25rem;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:12px}.project-budget-header{font-size:.9rem;font-weight:600;color:#a78bfa;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.project-budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;font-size:.875rem}.project-budget-label{color:#a78bfa;font-size:.8rem;display:block;margin-bottom:.25rem}.project-budget-value{font-weight:600;font-size:1.125rem;margin:0;color:var(--text-main)}.project-progress-container{width:100%;height:.75rem;background:var(--bg-input);border-radius:9999px;overflow:hidden;margin-top:.75rem;border:1px solid var(--border-color)}.project-progress-fill{height:100%;border-radius:9999px;transition:all .3s ease;width:var(--progress-width, 0%);background-color:var(--progress-color, #34d399)}.project-progress-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.project-budget-formula{font-size:.75rem;color:#a78bfa;margin-top:.75rem;margin-bottom:0;opacity:.9}.milestones-wrapper{display:flex;flex-direction:column;gap:1rem}.project-milestone-card{border:1.5px solid var(--border-color);background-color:var(--bg-card);border-radius:10px;padding:1.25rem;transition:all var(--transition-fast)}.project-milestone-card.status-active{border-color:#34d3994d;background-color:#34d39908}.milestone-number{font-size:.875rem;font-weight:700;color:var(--text-muted)}.milestone-percentage{font-size:.75rem;color:var(--text-muted);margin:0}.milestone-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;margin-top:.25rem;line-height:1.5}.milestone-progress-container{width:100%;height:.5rem;background:var(--bg-input);border-radius:9999px;overflow:hidden}.milestone-progress-fill{height:100%;border-radius:9999px;transition:all .3s ease;width:var(--progress-width, 0%);background-color:var(--progress-color, var(--text-muted))}.milestone-progress-input{margin:0;padding:.35rem .5rem;width:5rem;text-align:center}.milestone-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted);margin-top:.75rem;padding-top:.5rem;border-top:1px dashed var(--border-color)}.milestones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.project-table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.project-table{width:100%;border-collapse:collapse}.project-table th{text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);font-weight:600;background-color:#ffffff05}.project-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-main)}.project-table input{margin:0!important}.profitability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem}.profit-label{font-size:.875rem;color:var(--text-secondary);display:block;margin-bottom:.25rem}.profit-value{font-size:1.5rem;font-weight:600;margin:0;color:var(--text-main)}.cost-ratio-container{margin-top:1.5rem;padding:1rem 1.25rem;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md)}.cost-ratio-header{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem;display:flex;justify-content:space-between}.cost-ratio-bar{width:100%;height:8px;background-color:var(--bg-input);border-radius:4px;overflow:hidden}.cost-ratio-fill{height:100%;width:var(--ratio-width, 0%);background-color:var(--ratio-color, var(--primary));transition:width .3s ease}.cost-record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1rem}.project-btn-delete{background:none;border:none;cursor:pointer;color:var(--danger);padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.project-btn-delete:hover{opacity:.8}.subs-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.subs-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.subs-stat-title{color:var(--text-secondary);font-size:.875rem}.subs-stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.subs-stat-sub{color:var(--text-secondary);font-size:.75rem;margin-top:4px}.subs-detail-label{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:2px}.subs-detail-section-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.subs-invoice-row{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;background:var(--bg-hover);border-radius:6px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-fast)}.subs-invoice-row:hover{background-color:var(--bg-input)}.plans-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.plan-card-title-container{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.plan-card-title{font-weight:700;font-size:1rem;color:var(--text-main)}.plan-card-price-container{text-align:right}.plan-card-price{font-size:1.5rem;font-weight:700}.plan-card-price-period{font-size:.75rem;color:var(--text-secondary)}.plan-card-desc{font-size:.8125rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.plan-card-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.8125rem}.plan-card-meta-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary)}.plan-card-features-container{border-top:1px solid var(--border-color);padding-top:var(--spacing-sm)}.plan-card-features-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.plan-card-feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--text-main);margin-bottom:var(--spacing-xs)}.plan-card-feature-check{color:var(--success);flex-shrink:0}.plan-card-feature-more{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.plan-card-subscribers{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.plan-card-subscribers-star{color:#fbbf24}.plan-card-subscribers-text{font-size:.8125rem;color:var(--text-secondary)}.plans-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 640px){.plans-modal-grid-2{grid-template-columns:1fr}}.plans-modal-box{border:2px solid var(--box-border-color, var(--border-color));border-radius:var(--border-radius);padding:var(--spacing-md);background:var(--bg-card)}.plans-modal-box-header{margin:0 0 var(--spacing-sm);font-size:.875rem;font-weight:600;color:var(--box-title-color, var(--text-main))}.plans-feature-item-pill{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--bg-input);padding:8px 12px;border-radius:6px}.plans-feature-item-pill-text{flex:1;font-size:.875rem;color:var(--text-main)}.plans-feature-item-pill-remove{background:none;border:none;cursor:pointer;color:var(--danger);padding:4px;display:flex;transition:color var(--transition-fast)}.plans-feature-item-pill-remove:hover{color:#ef4444}.plans-active-status-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:8px}.plans-active-status-checkbox{width:1rem;height:1rem;cursor:pointer}.cashflow-header-btn{margin-right:8px}.cashflow-alert-survival{padding:1rem;background-color:var(--danger-light);border:1px solid var(--danger);border-radius:var(--border-radius-lg);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.cashflow-alert-survival p{margin:0;color:var(--text-secondary);font-size:.875rem}.cashflow-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.cashflow-metric-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.cashflow-metric-label{font-size:.875rem}.cashflow-metric-value{font-size:2rem;font-weight:700}.cashflow-metric-value.success{color:var(--success)}.cashflow-metric-value.warning{color:var(--warning)}.cashflow-metric-value.danger{color:var(--danger)}.cashflow-metric-sub{font-size:.75rem;margin-top:.25rem}.cashflow-info-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.cashflow-info-title{margin-top:0}.cashflow-info-text{margin:0;line-height:1.6}.cashflow-critical-label{color:var(--danger);font-weight:600}.cashflow-auto-trigger-box{margin-top:1rem;padding:.75rem;background-color:var(--bg-secondary);border-radius:var(--border-radius)}.ai-page{height:calc(100vh - 80px);display:flex;flex-direction:column}.chat-container{flex:1;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);overflow:hidden}.chat-history{flex:1;padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.message{display:flex;gap:var(--spacing-md);max-width:80%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--bg-input);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message.ai .message-avatar{background-color:var(--success-bg);color:var(--primary)}.message.user .message-avatar{background-color:var(--text-main);color:#fff}.message-content{display:flex;flex-direction:column;gap:8px}.message-bubble{padding:12px 16px;border-radius:12px;background-color:var(--bg-input);line-height:1.5}.message.ai .message-bubble{border-top-left-radius:0}.message.user .message-bubble{background-color:var(--primary);color:var(--text-inverse);border-top-right-radius:0}.chat-input-area{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);background-color:var(--bg-body)}.suggestion-cards{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.suggestion-card{background:var(--bg-input);border:1px solid var(--border-color);padding:12px;border-radius:8px;flex:1 1 200px;max-width:320px;font-size:.9rem;cursor:pointer;transition:all .2s}.suggestion-card:hover{border-color:var(--primary);background-color:var(--bg-hover)}.suggestion-icon{margin-bottom:8px;color:var(--warning)}.suggestion-card h4{font-size:.95rem;margin-bottom:4px}.suggestion-card p{font-size:.8rem;color:var(--text-secondary)}.coa-search-container{padding:20px;display:flex;gap:16px;border-bottom:1px solid var(--border-color)}.coa-search-input{max-width:400px;width:100%}.coa-type-header{padding:1rem 1.5rem;background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.coa-type-header-title{margin:0;font-size:1rem;font-weight:600}.coa-type-header-desc{font-size:.875rem;margin:.25rem 0 0;color:var(--text-secondary)}.coa-loading{padding:3rem;text-align:center;color:var(--text-secondary)}.coa-empty{padding:3rem;text-align:center}.coa-empty-text{color:var(--text-secondary)}.coa-code-cell{display:flex;align-items:center;gap:var(--spacing-xs)}.coa-code-text{font-weight:600}.coa-desc-cell{color:var(--text-secondary);font-size:.875rem}.contacts-name-cell{display:flex;align-items:center;gap:12px}.contacts-avatar{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contacts-avatar-client{background:#3b82f626;color:#60a5fa}.contacts-avatar-vendor{background:#f9731626;color:#fb923c}.contacts-name-info{min-width:0}.contacts-name-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contacts-sub-text{font-size:.75rem;color:var(--text-secondary)}.contacts-email-cell{font-size:.875rem}.contacts-email-active{color:var(--text-main)}.contacts-email-empty{color:var(--text-muted)}.contacts-phone-cell{font-size:.875rem}.contacts-phone-active{color:var(--text-main)}.contacts-phone-empty{color:var(--text-muted)}.contacts-actions{display:flex;gap:2px;justify-content:flex-end}.contacts-delete-btn{color:var(--danger)!important}.contacts-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.contacts-filters{display:flex;gap:6px;flex-wrap:wrap}.contacts-search{max-width:280px;width:100%}@media (max-width: 768px){.contacts-toolbar{flex-direction:column;align-items:stretch}.contacts-search{max-width:100%}}.journal-tips-box{flex:1;font-size:13px;background:#10b9811a;border:1px solid rgba(16,185,129,.3)!important;color:var(--text-main);border-radius:var(--border-radius);padding:var(--spacing-sm)}.journal-badge-ocr{background:#10b98126;color:#34d399;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:4px;border:1px solid rgba(16,185,129,.3)}.w-full{width:100%}.journal-input-row{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.journal-input-row{flex-direction:row}}.journal-date-input-container{width:100%}@media (min-width: 768px){.journal-date-input-container{width:200px}}.journal-memo-input-container{flex:1}.journal-upload-zone{border-radius:var(--border-radius-lg);padding:32px;text-align:center;cursor:pointer;background:var(--bg-input);transition:all var(--transition-fast) ease;border:2px dashed var(--border-color);margin-bottom:0}.journal-upload-zone.dragging{border-color:var(--primary)!important;background:#36d3991a}.journal-upload-zone.has-files{padding:16px;margin-bottom:12px}.journal-upload-zone-title{font-size:1.05rem;font-weight:600;color:var(--text-main);margin:0 0 var(--spacing-xs)}.journal-upload-zone-desc{font-size:.8125rem;color:var(--text-secondary);margin:0}.journal-previews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.journal-preview-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-card);aspect-ratio:1}.journal-preview-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.journal-preview-remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition-fast)}.journal-preview-remove-btn:hover{background:#ef4444cc}.journal-preview-filename{position:absolute;bottom:0;left:0;right:0;background:#00000080;color:#fff;font-size:11px;padding:4px 8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journal-ocr-context-row{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:stretch}@media (min-width: 768px){.journal-ocr-context-row{flex-direction:row;align-items:center}}.journal-suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.journal-manual-container{max-width:640px;margin:0 auto;width:100%}.journal-type-toggle{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.journal-type-toggle-btn{flex:1;padding:12px 16px;border-radius:10px;border:2px solid var(--border-color);background:var(--bg-input);cursor:pointer;font-weight:600;font-size:14px;color:var(--text-muted);transition:all var(--transition-fast)}.journal-type-toggle-btn.expense-active{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-light)}.journal-type-toggle-btn.income-active{border-color:var(--success);background:var(--success-bg);color:var(--success-light)}.journal-form-row-datepicker{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (min-width: 640px){.journal-form-row-datepicker{grid-template-columns:160px 1fr}}.journal-form-row-double{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (min-width: 640px){.journal-form-row-double{grid-template-columns:1fr 1fr}}.journal-amount-input{font-size:24px!important;font-weight:700!important;padding:14px 16px!important;height:auto!important}.journal-preview-table-card{background:var(--bg-input);border-radius:10px;padding:16px;margin-bottom:var(--spacing-lg);border:1px solid var(--border-color)}.journal-preview-table-title{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.journal-preview-table-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.journal-preview-table-row.credit-row{border-top:1px dashed var(--border-color)}.journal-preview-table-row-debit{color:var(--info);font-weight:700;font-family:monospace}.journal-preview-table-row-credit{color:var(--success);font-weight:700;font-family:monospace}.journal-ocr-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.journal-ocr-icon{color:var(--primary)}.journal-ocr-title{margin:0;font-size:16px;font-weight:600;color:var(--text-main)}.journal-upload-icon{color:var(--text-muted);margin-bottom:12px}.journal-plus-icon{color:var(--text-muted)}.journal-upload-count{font-size:13px;color:var(--text-secondary)}.journal-ocr-context-input{flex:1}.journal-ocr-context-input input{margin-bottom:0!important}.journal-suggestions-title{margin:0;font-size:16px;color:var(--text-main)}.jl-loading-box{text-align:center;padding:40px;color:#64748b}.jl-loading-spinner{margin:0 auto 12px}.jl-empty-box{text-align:center;padding:40px;color:var(--text-muted)}.jl-cards-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:16px}.jl-ledger-header{padding:14px 20px;background:linear-gradient(135deg,#10b98114,#60a5fa14);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.jl-ledger-title-code{font-family:monospace;font-size:13px;color:#10b981;font-weight:700}.jl-ledger-title-name{font-size:15px;font-weight:700;margin-left:10px;color:var(--text-main)}.jl-ledger-title-type{font-size:11px;color:var(--text-muted);margin-left:10px;text-transform:uppercase}.jl-ledger-balance-box{text-align:right}.jl-ledger-balance-lbl{font-size:11px;color:var(--text-secondary);font-weight:600}.jl-ledger-balance-val{font-size:18px;font-weight:700;font-family:monospace}.jl-ledger-balance-val.negative{color:#ef4444}.jl-ledger-balance-val.positive{color:var(--text-main)}.jl-table-scroll-wrapper{overflow-x:auto;width:100%}.jl-ledger-table{width:100%;border-collapse:collapse;font-size:13px}.jl-ledger-table thead tr{background:#60a5fa0d}.jl-ledger-table th{text-align:left;padding:8px 14px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.jl-ledger-table th.date-col{width:100px}.jl-ledger-table th.ref-col{width:80px}.jl-ledger-table th.debit-col{text-align:right;color:#60a5fa;width:140px}.jl-ledger-table th.credit-col{text-align:right;color:#34d399;width:140px}.jl-ledger-table th.balance-col{text-align:right;color:#10b981;width:150px}.jl-ledger-table td{padding:8px 14px}.jl-ledger-table tbody tr{border-bottom:1px solid var(--border-color)}.jl-ledger-table tbody tr:last-child{border-bottom:none}.jl-ledger-table tr.reversal-row{background:#fbbf241a!important}.jl-cell-nowrap{white-space:nowrap}.jl-cell-monospace-green{font-family:monospace;font-size:11px;color:#10b981}.jl-badge-rev{font-size:10px;background:#fbbf2433;color:#fbbf24;padding:1px 6px;border-radius:4px;font-weight:600;margin-right:6px}.jl-cell-number{text-align:right;font-family:monospace;font-weight:600}.jl-cell-number.debit{color:#60a5fa}.jl-cell-number.credit{color:#34d399}.jl-cell-number.empty{color:var(--text-muted)}.jl-cell-number.balance{font-weight:700}.jl-cell-number.balance.negative{color:#ef4444}.jl-cell-number.balance.positive{color:var(--text-main)}.jl-ledger-table tfoot tr{background:#60a5fa14;border-top:2px solid var(--border-color)}.jl-ledger-table tfoot td{padding:10px 14px;font-weight:700}.jl-ledger-table tfoot td.total-label{font-size:12px;color:var(--text-main)}.jl-ledger-table tfoot td.total-debit{text-align:right;font-family:monospace;color:#60a5fa}.jl-ledger-table tfoot td.total-credit{text-align:right;font-family:monospace;color:#34d399}.jl-ledger-table tfoot td.total-balance{text-align:right;font-family:monospace}.jl-ledger-table tfoot td.total-balance.negative{color:#ef4444}.jl-ledger-table tfoot td.total-balance.positive{color:#10b981}.jl-modal-warning-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#ef4444;margin-bottom:16px;display:flex;align-items:center;gap:8px}.jl-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 480px){.jl-modal-grid-2{grid-template-columns:1fr}}.jl-modal-lbl{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.jl-modal-val-bold{font-size:15px;font-weight:600}.jl-modal-val-desc{font-size:14px}.jl-modal-grid-full{grid-column:1 / -1}.jl-modal-table-card{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.jl-modal-table{width:100%;border-collapse:collapse;font-size:13px}.jl-modal-table thead tr{background:#60a5fa0d}.jl-modal-table th{text-align:left;padding:10px 14px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.jl-modal-table th.debit-hdr{color:#60a5fa;text-align:right}.jl-modal-table th.credit-hdr{color:#34d399;text-align:right}.jl-modal-table th.client-hdr{color:#7c3aed}.jl-modal-table td{padding:10px 14px}.jl-modal-table tbody tr{border-bottom:1px solid var(--border-color)}.jl-modal-table tbody tr:last-child{border-bottom:none}.jl-modal-table-code-mono{font-family:monospace;font-size:11px;color:var(--text-muted)}.jl-modal-table-client-link{color:#7c3aed;font-size:12px}.jl-modal-table tfoot tr{background:#60a5fa14;border-top:2px solid var(--border-color)}.jl-modal-table tfoot td{padding:10px 14px;font-weight:700;font-size:12px}.jl-modal-table tfoot td.lbl{color:var(--text-main)}.jl-modal-table tfoot td.val-debit{text-align:right;font-family:monospace;color:#60a5fa}.jl-modal-table tfoot td.val-credit{text-align:right;font-family:monospace;color:#34d399}.jl-modal-actions-bar{display:flex;gap:8px;margin-top:20px;justify-content:flex-end}.jl-edit-modal-grid{display:grid;grid-template-columns:200px 1fr;gap:12px;margin-bottom:20px}@media (max-width: 600px){.jl-edit-modal-grid{grid-template-columns:1fr}}.jl-edit-modal-table-container{border:1px solid var(--border-color);border-radius:10px;overflow:hidden;margin-bottom:12px}.jl-edit-modal-table{width:100%;border-collapse:collapse;font-size:13px}.jl-edit-modal-table thead tr{background:#60a5fa0d}.jl-edit-modal-table th{text-align:left;padding:8px 10px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.jl-edit-modal-table th.debit-hdr{color:#60a5fa;text-align:right;width:160px}.jl-edit-modal-table th.credit-hdr{color:#34d399;text-align:right;width:160px}.jl-edit-modal-table th.del-hdr{width:40px}.jl-edit-modal-table td{padding:6px 10px}.jl-edit-modal-table tbody tr{border-bottom:1px solid var(--border-color)}.jl-edit-modal-table-select{font-size:12px!important;padding:6px 8px!important}.jl-edit-modal-table-input{text-align:right;font-size:12px!important;padding:6px 8px!important}.jl-edit-modal-table-desc-input{font-size:12px!important;padding:6px 8px!important}.jl-edit-modal-btn-delete{border:none;background:none;cursor:pointer;color:#ef4444;padding:4px;transition:opacity var(--transition-fast)}.jl-edit-modal-btn-delete:hover{opacity:.8}.jl-edit-modal-table tfoot tr{background:var(--bg-input);border-top:2px solid var(--border-color)}.jl-edit-modal-table tfoot td{padding:8px 10px;font-weight:700;font-size:12px}.jl-edit-modal-table tfoot td.total-debit{text-align:right;font-family:monospace;color:#3b82f6}.jl-edit-modal-table tfoot td.total-credit{text-align:right;font-family:monospace;color:#22c55e}.jl-edit-modal-difference-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 14px;font-size:13px;color:#dc2626;margin-bottom:12px}.jl-warning-modal-text{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.jl-warning-modal-list{display:flex;flex-direction:column;gap:8px}.jl-warning-modal-item{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 14px;font-size:13px;color:#92400e;display:flex;align-items:center;gap:8px}.jl-warning-modal-item-icon{flex-shrink:0;color:#f59e0b}.jl-client-modal-text{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.jl-client-modal-summary{margin-top:12px;padding:10px 14px;background:var(--bg-input);border-radius:8px;font-size:13px;color:var(--text-secondary)}.jl-header-actions-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.jl-view-mode-toggle{display:inline-flex;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden;padding:2px;gap:2px}.jl-view-mode-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:none;font-size:13px;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.jl-view-mode-btn:hover{color:var(--text-main);background:var(--bg-hover)}.jl-view-mode-btn.is-active{background:var(--primary);color:#fff}.jl-filters-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.jl-filter-col-search{flex:2 1 240px}.jl-filter-col-status{flex:1 1 180px}.jl-filter-col-date{flex:1 1 150px}.jl-filter-col-account{flex:2 1 240px}.jl-filter-icon{display:inline;margin-right:4px;vertical-align:text-bottom}.jl-filter-reset-btn{flex:0 0 auto;height:42px}.jl-filters-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:12px;margin-top:12px}.jl-filters-summary-divider{color:var(--border-color)}.jl-filters-summary-debit,.jl-filters-summary-credit{display:inline-flex;align-items:center;gap:4px}.jl-filters-summary-debit{color:#3b82f6}.jl-filters-summary-credit{color:#10b981}.jl-filters-summary-debit-icon,.jl-filters-summary-credit-icon{flex-shrink:0}.jl-account-ledger-count{font-size:13px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:12px;margin-top:12px}.jl-bank-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.jl-bank-card,.jl-bank-card-total{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius-lg);padding:1.25rem;box-shadow:0 4px 6px -1px #0003;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between}.jl-bank-card:hover,.jl-bank-card-total:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000004d;border-color:#ffffff1a}.jl-bank-card-header,.jl-bank-card-total-header{display:flex;align-items:center;gap:8px;margin-bottom:.75rem}.jl-bank-card-icon{color:var(--primary);flex-shrink:0}.jl-bank-card-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jl-bank-card-value{font-size:1.5rem;font-weight:800;color:var(--text-main);line-height:1.2;margin-bottom:.5rem;font-family:monospace}.jl-bank-card-value.is-negative{color:var(--danger)}.jl-bank-card-desc{font-size:.75rem;color:var(--text-muted)}.jl-bank-card-total{background:linear-gradient(135deg,#10b9811a,#6366f11a);border-color:#10b98133}.jl-bank-card-total-header{color:var(--primary)}.jl-bank-card-total-title{font-size:.8125rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.jl-bank-card-total-value{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1.2;margin-bottom:.5rem;font-family:monospace}.jl-bank-card-total-desc{font-size:.75rem;color:var(--text-secondary);font-weight:500}.jl-warning-banner{display:flex;align-items:center;gap:10px;background:#ef44441a;border:1.5px solid rgba(239,68,68,.2);border-radius:var(--border-radius-lg);padding:12px 16px;color:#ef4444;font-size:.875rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.jl-warning-banner svg{color:#ef4444;flex-shrink:0}.jl-table-container{margin-top:var(--spacing-lg)}.jl-floating-bulk-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);border-radius:9999px;padding:10px 24px;box-shadow:0 10px 25px -5px #10b98166;color:#fff;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translate(-50%,100%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.jl-floating-bulk-bar-info{display:flex;align-items:center;gap:8px}.jl-floating-bulk-bar-icon{color:#ffffffe6}.jl-floating-bulk-bar-text{font-size:13px;font-weight:700}.jl-floating-bulk-bar-divider{width:1px;height:16px;background:#ffffff4d}.jl-floating-bulk-bar-btn-delete{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast)}.jl-floating-bulk-bar-btn-delete:hover{background:#ef4444;border-color:#ef4444}.jl-floating-bulk-bar-btn-cancel{background:none;border:none;color:#fffc;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.jl-floating-bulk-bar-btn-cancel:hover{color:#fff}.payroll-ai-bubble{position:fixed;bottom:24px;right:24px;z-index:1100;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7c3aed);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000040;transition:transform .2s}.payroll-ai-bubble:hover{transform:scale(1.1)}.payroll-ai-bubble-icon{font-size:22px}.payroll-ai-container{position:fixed;bottom:86px;right:24px;z-index:1099;width:360px;max-height:520px;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 12px 40px #0003;border-radius:16px;overflow:hidden}@media (max-width: 480px){.payroll-ai-container{width:calc(100% - 48px);right:24px;left:24px;bottom:86px}}.payroll-ai-header{padding:14px 16px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff}.payroll-ai-header-icon{font-size:20px}.payroll-ai-header-title{font-weight:700;font-size:14px}.payroll-ai-header-subtitle{font-size:11px;opacity:.85}.payroll-ai-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.payroll-ai-message-row{display:flex;flex-direction:column;gap:6px}.payroll-ai-message-row.user{align-items:flex-end}.payroll-ai-message-row.ai{align-items:flex-start}.payroll-ai-message-bubble{max-width:85%;padding:10px 12px;font-size:13px;line-height:1.5}.payroll-ai-message-bubble.user{border-radius:16px 16px 4px;background:var(--primary);color:#fff}.payroll-ai-message-bubble.ai{border-radius:16px 16px 16px 4px;background:var(--bg-input);color:var(--text-primary)}.payroll-ai-action-btn{padding:8px 14px;border-radius:8px;border:none;cursor:pointer;background:var(--success);color:#fff;font-size:12px;font-weight:600;transition:opacity var(--transition-fast)}.payroll-ai-action-btn:disabled{opacity:.6;cursor:not-allowed}.payroll-ai-typing{display:flex;gap:4px;padding:10px 12px;background:var(--bg-input);border-radius:12px;width:-moz-fit-content;width:fit-content}.payroll-ai-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--text-secondary);animation:pulse 1.2s ease infinite}.payroll-ai-input-wrapper{padding:10px 12px;border-top:1px solid var(--border-color);display:flex;gap:8px}.payroll-ai-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast)}.payroll-ai-input:focus{border-color:var(--primary)}.payroll-ai-send-btn{padding:8px 14px;border-radius:8px;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:opacity var(--transition-fast)}.payroll-ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.emp-page-header{margin-bottom:16px}.emp-tabs-border{border-bottom:1px solid var(--border-color);margin-bottom:24px}.emp-tab-button{padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;font-size:15px;transition:all var(--transition-fast)}.emp-tab-button.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.emp-badge-danger{background:var(--danger);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px}.emp-form-container{max-width:720px;margin:0 auto 32px}.emp-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.emp-form-grid-2{grid-template-columns:1fr}}.emp-form-actions{margin-top:16px}.emp-project-help-text{margin-top:4px}.emp-filter-bar{margin-bottom:20px}.emp-search-input{max-width:300px}.emp-dept-select{max-width:200px}.emp-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.emp-card-header{margin-bottom:12px}.emp-avatar{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;background-color:var(--avatar-bg, var(--primary))}.emp-name-title{margin-bottom:2px;font-size:15px}.emp-action-btn{padding:6px;border-radius:6px;border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast)}.emp-action-btn:hover{background:var(--bg-hover);color:var(--text-main)}.emp-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.emp-detail-box{padding:8px 10px;background:var(--bg-input);border-radius:8px}.emp-detail-label{display:block}.emp-detail-value-dept{font-size:13px;font-weight:500;color:var(--dept-color, var(--text-primary))}.emp-detail-value-salary{font-size:13px;font-weight:600}.emp-card-footer{border-top:1px solid var(--border-color);padding-top:10px}.emp-footer-row{margin-bottom:4px}.emp-footer-row.mt-xs{margin-top:4px}.emp-project-icon-text{display:flex;align-items:center;gap:4px}.emp-add-dashed-card{border-style:dashed!important;border-width:2px!important;background:transparent!important;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.emp-add-dashed-card:hover{border-color:var(--primary)!important}.emp-add-dashed-icon-wrapper{padding:16px;background:var(--bg-input);border-radius:50%;color:var(--text-secondary);margin-bottom:12px}.emp-finance-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:4px}.emp-finance-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;border-left:4px solid var(--accent-color, var(--primary));padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}.emp-finance-card-icon{font-size:16px}.emp-finance-card-label{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-finance-card-val{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-finance-card-count{font-size:11px;color:var(--text-secondary)}.emp-finance-table-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.emp-finance-table-wrapper{overflow-x:auto;width:100%}.emp-finance-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.emp-finance-table thead{background:var(--bg-input)}.emp-finance-table th{padding:14px 16px;font-weight:600;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.emp-finance-table td{padding:12px 16px}.emp-finance-table tr.emp-row{border-bottom:1px solid var(--border-color);transition:background .2s}.emp-finance-table tr.emp-row:hover{background:var(--bg-hover)}.emp-name-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.emp-name-cell-chevron{color:var(--text-secondary)}.emp-name-text{font-weight:600;font-size:14px;color:var(--text-primary)}.emp-subname-text{font-size:12px;color:var(--text-secondary);margin-top:2px}.emp-inline-input{width:120px;padding:6px 10px;border-radius:6px;border:1px solid transparent;background:var(--bg-input);color:var(--input-color, var(--text-primary));font-size:14px;font-weight:500;outline:none;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}.emp-inline-input:focus{border-color:var(--primary);background:var(--bg-card)}.emp-arrears-alert-text{font-size:11px;color:var(--danger);margin-top:2px}.emp-monthly-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(75px,1fr));gap:8px}.emp-monthly-cell{padding:12px 8px;border-radius:8px;border:1px solid var(--border-color);text-align:center;transition:all var(--transition-fast)}.emp-monthly-cell.active-month{border-color:var(--primary)}.emp-monthly-cell.debt{background:var(--danger-light)}.emp-monthly-cell.paid{background:var(--success-light)}.emp-monthly-cell.pending-month{background:var(--bg-input)}.emp-monthly-cell.disabled-month{opacity:.5}.emp-monthly-header-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:8px}.emp-month-name{font-weight:600;font-size:12px}.emp-monthly-body{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center}.emp-monthly-status-lbl{font-size:10px;color:var(--text-secondary)}.btn-pay-month{margin-top:4px;padding:4px 8px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-size:10px;cursor:pointer;width:100%;transition:background var(--transition-fast)}.btn-pay-month:hover{filter:brightness(1.1)}.emp-info-card{margin-top:32px;background:var(--bg-card);border:1px solid var(--primary-light)}.emp-info-icon-wrapper{padding:16px;background:var(--primary-light);border-radius:12px;box-shadow:0 2px 8px #00000014}.emp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.emp-modal-box{background:var(--bg-card);padding:24px;border-radius:16px;width:100%;max-width:450px;box-shadow:0 10px 25px #0003}.emp-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.emp-modal-title{font-size:18px;display:flex;align-items:center;gap:8px}.emp-modal-close-btn{background:transparent;border:none;cursor:pointer;color:var(--text-secondary)}.jenjang-level-cell{display:flex;align-items:center;gap:.75rem;font-weight:600}.jenjang-level-icon-wrapper{width:32px;height:32px;border-radius:8px;background-color:#3b82f61a;color:#3b82f6;display:flex;align-items:center;justify-content:center}.jenjang-name-text{font-weight:600}.jenjang-subname-text{font-size:.75rem;color:var(--text-secondary);font-weight:400}.jenjang-badge-code{background-color:#6366f11a;color:#6366f1;font-weight:700;padding:4px 8px;border-radius:4px}.action-buttons-flex{display:flex;gap:8px}.delete-action-btn{color:var(--danger)!important}.header-actions-flex{display:flex;gap:8px}.refresh-btn-content{display:flex;align-items:center;gap:.5rem}.subtabs-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.jenjang-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.kpi-card-content{display:flex;justify-content:space-between;align-items:flex-start}.kpi-card-label{margin:0;font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.kpi-card-value{margin:.25rem 0 0;font-size:1.5rem;font-weight:800}.kpi-card-value.revenue{color:#10b981}.kpi-card-value.potential{color:#3b82f6}.kpi-card-icon-wrapper{padding:8px;border-radius:8px}.kpi-card-icon-wrapper.green{background:#10b9811a;color:#10b981}.kpi-card-icon-wrapper.purple{background:#6366f11a;color:#6366f1}.kpi-card-icon-wrapper.blue{background:#3b82f61a;color:#3b82f6}.card-header-bar{padding:1.25rem;border-bottom:1px solid var(--border-color)}.card-header-title{margin:0;font-size:1.125rem;font-weight:700}.form-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.form-sidebar-title{margin:0;font-size:1rem;font-weight:700}.form-column-layout{display:flex;flex-direction:column;gap:12px}.crm-nav-wrapper{padding:6px;margin-bottom:2rem;overflow-x:auto;background:#151a2680;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #0003;border-radius:12px;scrollbar-width:thin}.crm-nav-container{display:flex;gap:1.5px;min-width:-moz-max-content;min-width:max-content}.crm-nav-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:8px;color:var(--text-secondary);font-weight:500;font-size:.85rem;background:transparent;border:none;cursor:pointer;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.crm-nav-btn:hover{color:#fff;background:#ffffff0f}.crm-nav-btn.is-active{color:#fff;font-weight:600;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b98159}.crm-nav-icon{width:1rem;height:1rem;color:inherit}.crm-header-controls{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);width:100%}@media (min-width: 1024px){.crm-header-controls{flex-direction:row;align-items:center;justify-content:space-between}}.crm-lead-type-filter{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.crm-header-title-section{display:flex;align-items:center;gap:1rem}.crm-filter-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;border:1px solid var(--border-color);background-color:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.25rem}.crm-filter-btn:hover{background-color:var(--bg-hover);color:var(--text-main)}.crm-filter-btn.is-active{border-color:var(--filter-active-color)!important;background-color:var(--filter-active-bg)!important;color:var(--filter-active-color)!important}.crm-metrics-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem}@media (min-width: 640px){.crm-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.crm-metrics-grid{grid-template-columns:repeat(4,1fr)}}.crm-metrics-card{position:relative;padding:1.25rem 1.5rem;background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;align-items:center;gap:1.25rem;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.crm-metrics-card:hover{transform:translateY(-4px);border-color:var(--card-theme-color);box-shadow:0 8px 24px #00000026,0 0 15px var(--card-theme-bg)}.crm-metrics-card-glow-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--card-theme-color) 0%,rgba(255,255,255,0) 100%);transition:opacity var(--transition-fast)}.crm-metrics-card-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal);border:1px solid color-mix(in srgb,var(--card-theme-color) 30%,transparent);background:var(--card-theme-bg);color:var(--card-theme-color)}.crm-metrics-card:hover .crm-metrics-card-icon-box{transform:scale(1.1);box-shadow:0 0 20px color-mix(in srgb,var(--card-theme-color) 25%,transparent)}.crm-metrics-card-label{font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.crm-metrics-card-value{font-size:1.6rem;font-weight:800;color:var(--text-main);letter-spacing:-.02em;line-height:1.2}.crm-metrics-card-desc{font-size:.72rem;color:var(--text-secondary);margin-top:2px;opacity:.8}.crm-funnel-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:var(--primary);font-weight:600;font-size:.875rem;padding:.5rem 0;transition:color var(--transition-fast)}.crm-funnel-toggle-btn:hover{color:var(--primary-hover)}.crm-funnel-steps-container{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.crm-funnel-step-badge{text-align:center;padding:.75rem 1rem;border-radius:.75rem;min-width:90px;transition:all var(--transition-fast);border:2px solid var(--step-color);background:var(--step-bg)}.crm-funnel-connector{display:flex;flex-direction:column;align-items:center;padding:0 .25rem}.crm-funnel-summary{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.crm-funnel-rate-badge{font-size:.75rem;font-weight:700;color:var(--rate-color);background:var(--rate-bg);padding:.125rem .5rem;border-radius:999px;margin-bottom:.125rem}.crm-funnel-transition-count{font-size:.6rem;color:var(--text-secondary)}.crm-funnel-summary-item{text-align:center}.crm-funnel-summary-value{font-size:1.5rem;font-weight:700;color:var(--value-color, var(--primary))}.crm-funnel-summary-label{font-size:.7rem;color:var(--text-secondary);font-weight:600}.crm-funnel-trend-grid{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.crm-funnel-trend-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.crm-funnel-trend-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.crm-funnel-trend-card{text-align:center;padding:.5rem;border-radius:.5rem;background:var(--bg-card);border:1px solid var(--border-color)}.crm-funnel-trend-month{font-size:.65rem;color:var(--text-secondary);margin-bottom:.25rem}.crm-funnel-trend-value{font-size:1rem;font-weight:700;color:var(--value-color, var(--text-secondary))}.crm-funnel-trend-label{font-size:.6rem;color:var(--text-secondary)}.crm-kanban-board{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:1.5rem;align-items:flex-start;min-height:550px;margin-bottom:1.5rem;scrollbar-width:thin}.crm-kanban-column{flex:0 0 290px;min-width:290px;background:#1a1f2e73;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1.5px solid var(--border-color);border-top:4px solid var(--column-phase-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;transition:all var(--transition-normal)}.crm-kanban-column.is-drag-over{background:#10b98114!important;border-color:#10b981!important;box-shadow:0 8px 24px #10b98126}.crm-kanban-column-header{margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1.5px solid var(--border-color)}.crm-kanban-column-header h3{font-size:.85rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.8px}.crm-kanban-column-badges{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.crm-kanban-column-content{display:flex;flex-direction:column;gap:.75rem;min-height:250px}.crm-kanban-column-empty{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem;font-style:italic;border:1.5px dashed var(--border-color);border-radius:var(--border-radius);background:#ffffff03}.crm-lead-card{cursor:grab;background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:10px;padding:1rem;transition:all var(--transition-fast);box-shadow:0 1px 3px #0000001a;position:relative}.crm-lead-card.is-flagged{border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2433}.crm-lead-card:hover{box-shadow:0 8px 20px #00000026;border-color:var(--phase-color);transform:translateY(-2px)}.crm-lead-card.is-flagged:hover{box-shadow:0 8px 20px #fbbf244d;border-color:#fbbf24}.crm-lead-card:hover .crm-lead-card-quick-actions{display:flex}.crm-lead-card:active{cursor:grabbing}.crm-lead-card-quick-actions{position:absolute;top:.5rem;right:.5rem;display:none;align-items:center;gap:.25rem;z-index:10}.crm-lead-card-quick-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#0000000d;border:none;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.crm-lead-card-quick-btn:hover{filter:brightness(1.2)}.crm-lead-card-quick-btn.is-active-flag{background-color:#fbbf2433}.crm-lead-card-quick-btn.btn-edit{background-color:#60a5fa1a}.crm-lead-card-quick-btn.btn-chat{background-color:#10b9811a}.crm-lead-card-chat-btn:hover{background-color:#10b98133!important}.crm-lead-card-quick-btn.btn-lost{background-color:#ef44441a}.crm-lead-card-flagged-indicator{position:absolute;top:.5rem;left:.5rem;z-index:5}.crm-lead-card-badge-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.crm-lead-card-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600}.crm-lead-card-title{font-size:.9rem;margin-bottom:.75rem;font-weight:600;color:var(--text-main);line-height:1.4}.crm-lead-card-detail-box{font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem;padding:.375rem .5rem;border-radius:4px}.crm-lead-card-contact{font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.crm-lead-card-value{font-size:.95rem;font-weight:600;margin-top:.5rem;padding:.5rem;border-radius:6px;text-align:center}.crm-lead-card-activities{margin-top:.5rem;font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background-color:var(--bg-input);border-radius:4px}.crm-lead-card-source{padding:.25rem .5rem;background-color:var(--bg-hover);border-radius:4px;font-size:.65rem;color:var(--text-muted)}.crm-kanban-column-add-btn{width:100%;margin-top:.75rem;padding:.625rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-family:inherit;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px dashed var(--border-color);border-radius:.5rem;cursor:pointer;transition:all var(--transition-fast) ease;position:relative;z-index:10;pointer-events:auto}.crm-kanban-column-add-btn:hover{background-color:var(--bg-hover);border-color:var(--text-muted);color:var(--text-main)}.crm-lost-leads-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--danger);transition:opacity var(--transition-fast)}.crm-lost-leads-toggle:hover{opacity:.8}.crm-lost-leads-card{margin-top:1rem;border-left:4px solid var(--danger)!important;background-color:#ef444405!important}.crm-lost-leads-grid{padding:1rem;border-top:1.5px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.crm-lost-lead-card{cursor:pointer;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;transition:all var(--transition-fast)}.crm-lost-lead-card:hover{border-color:var(--danger);transform:translateY(-2px)}.crm-loading-wrapper{text-align:center;padding:3rem;color:var(--text-secondary)}.crm-metrics-card-content{flex:1;min-width:0}.crm-funnel-section{margin-bottom:2rem}.crm-funnel-card{margin-top:.75rem;padding:1.5rem}.crm-funnel-step-count{font-size:1.25rem;font-weight:700}.crm-funnel-step-label{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.crm-funnel-arrow{color:var(--text-secondary);opacity:.5}.crm-column-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background-color:color-mix(in srgb,var(--badge-color) 15%,transparent);color:var(--badge-color);border:1px solid color-mix(in srgb,var(--badge-color) 25%,transparent)}.crm-lead-type-badge{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background-color:var(--lead-type-bg);border:1px solid color-mix(in srgb,var(--lead-type-border) 40%,transparent);color:var(--lead-type-color)}.crm-kanban-column-title{margin:0 0 .5rem}.crm-kanban-column-value{font-size:.78rem;color:var(--text-secondary);font-weight:600}.crm-lead-card-detail-box.is-saas{background-color:#60a5fa0d;border-left:2px solid #60a5fa}.crm-lead-card-detail-box.is-corporate{background-color:#8b5cf60d;border-left:2px solid #a78bfa}.crm-lead-detail-title{font-weight:600;color:var(--text-main)}.crm-lead-detail-subtitle{margin-top:.125rem;opacity:.8;color:var(--text-secondary)}.crm-lost-leads-toggle-header{display:flex;align-items:center;gap:.5rem}.crm-lost-leads-toggle-total{font-size:.75rem;font-weight:400;color:var(--text-muted);margin-left:.5rem}.crm-lost-lead-badge-row{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.7rem;color:var(--text-secondary)}.crm-lost-lead-name{font-weight:600;font-size:.9rem;color:var(--text-main);margin-bottom:.25rem}.crm-lost-lead-reason{font-size:.75rem;color:var(--danger);font-style:italic}.lead-notes-box{color:var(--text-main);background:var(--bg-input);padding:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--border-color)}.lead-right-col{align-content:start}.meetings-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.meetings-header-left{display:flex;align-items:center;gap:1rem}.meetings-count-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:999px}.meetings-count-badge.today{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.meetings-count-badge.upcoming{background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.meetings-header-actions{display:flex;gap:.5rem}.meetings-status-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.status-filter-pill{padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.status-filter-pill:hover{border-color:var(--text-muted)}.meetings-list-container{display:flex;flex-direction:column;gap:.75rem}.meeting-item-card{padding:1rem 1.25rem;transition:transform var(--transition-fast)}.meeting-card-content{display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.meeting-card-content{flex-direction:column;gap:1rem}}.meeting-info-col{flex:1}.meeting-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.meeting-type-icon{font-size:1rem}.meeting-title{font-size:.95rem;font-weight:600;color:var(--text-main);margin:0}.ai-badge{font-size:.6rem;font-weight:600;padding:.125rem .375rem;border-radius:999px;background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.status-badge{font-size:.65rem;font-weight:600;padding:.125rem .5rem;border-radius:999px}.meeting-meta-row{display:flex;gap:1.25rem;font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.meta-item-flex{display:flex;align-items:center;gap:.25rem}.meta-item-today{color:#f59e0b;font-weight:600}.join-link-btn{display:flex;align-items:center;gap:.25rem;color:#60a5fa;text-decoration:none;font-weight:500}.join-link-btn:hover{text-decoration:underline}.followups-badges-row{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.followup-badge-pill{font-size:.6rem;padding:.125rem .375rem;border-radius:4px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.meeting-desc-text{font-size:.75rem;color:var(--text-secondary);margin-top:.375rem;opacity:.7;line-height:1.4}.meeting-actions-col{display:flex;gap:.375rem;margin-left:1rem;flex-shrink:0}@media (max-width: 768px){.meeting-actions-col{margin-left:0;width:100%;justify-content:flex-end}}.meeting-action-btn-icon{padding:.375rem;border-radius:6px;border:1px solid var(--border-color);background:transparent;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.meeting-action-btn-icon:hover{background-color:var(--bg-hover)}.meeting-action-btn-icon.edit:hover{color:var(--text-main)}.meeting-action-btn-icon.sync:hover{color:var(--primary);border-color:#10b9814d}.meeting-action-btn-icon.confirm:hover{color:#10b981;border-color:#10b9814d}.meeting-action-btn-icon.complete:hover{color:var(--primary);border-color:#10b9814d}.meeting-action-btn-icon.cancel:hover,.meeting-action-btn-icon.delete:hover{color:var(--danger);border-color:#ef44444d}.meetings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.meetings-modal-container{background:var(--bg-card);max-height:90vh;overflow-y:auto;padding:1.5rem;border-radius:var(--border-radius-lg);width:480px;max-width:95%;box-shadow:var(--glass-shadow);border:1px solid var(--border-color)}.meetings-modal-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;color:var(--text-main)}.meetings-modal-form-grid{display:flex;flex-direction:column;gap:.75rem}.reminders-subpanel{border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem;background:var(--bg-main)}.reminder-row-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.reminder-row-item:last-child{margin-bottom:0}.reminder-select-before{flex:1}.reminder-select-type{width:130px}.reminder-row-delete-btn{padding:.25rem;color:var(--danger);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.reminder-row-delete-btn:hover{opacity:.8}.add-reminder-btn{font-size:.75rem;font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;padding:0;margin-top:.5rem;display:inline-block}.add-reminder-btn:hover{text-decoration:underline}.conflict-banner-orange{padding:.75rem;border-radius:.5rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);margin-bottom:1rem}.conflict-banner-orange-title{font-size:.75rem;font-weight:600;color:#f59e0b;margin:0 0 .25rem}.conflict-banner-orange-meeting{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0}.conflict-banner-orange-time{font-size:.75rem;color:var(--text-secondary);margin:.125rem 0 0}.btn-secondary-custom{border-color:var(--border-color)!important;color:var(--text-secondary)!important}.btn-conflict-replace{background-color:#f59e0b!important;color:#fff!important;border:none!important;cursor:pointer;transition:opacity var(--transition-fast)}.btn-conflict-replace:disabled{cursor:wait;opacity:.7}.status-badge{background:var(--status-bg, rgba(96, 165, 250, .1));color:var(--status-color, #60a5fa);border:1px solid var(--status-border, rgba(96, 165, 250, .3))}.status-filter-pill.is-active{border-color:var(--pill-color-active, var(--primary))!important;background-color:var(--pill-bg-active, hsla(158, 64%, 52%, .1))!important;color:var(--pill-color-active, var(--primary))!important}.meeting-item-card{border-left:4px solid var(--type-color, transparent)!important;opacity:var(--past-opacity, 1)!important}.meetings-empty-icon{margin:0 auto 1rem!important;opacity:.3!important;color:var(--text-secondary)!important}.landing-cms{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.lc-sidebar{width:300px;flex-shrink:0}.lc-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lc-sidebar-header h3{font-weight:700;font-size:1rem;color:var(--text-main)}.lc-page-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-page-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius);border:1.5px solid var(--border-color);background:transparent;cursor:pointer;text-align:left;width:100%;color:var(--text-main);transition:all var(--transition-fast)}.lc-page-item:hover{background:var(--bg-hover);border-color:var(--text-muted)}.lc-page-item.active{border-color:var(--primary);background:#10b98114;box-shadow:0 0 0 1px #10b98126}.lc-page-name{font-weight:600;font-size:.875rem;color:var(--text-main)}.lc-page-slug{font-size:.75rem;color:var(--text-muted);margin-top:2px}.lc-badge{font-size:.625rem;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.lc-badge.live{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.lc-badge.draft{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.lc-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.875rem}.lc-loading{display:flex;justify-content:center;padding:2rem 0}.lc-detail{flex:1;min-width:0}.lc-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.lc-placeholder svg{opacity:.2;margin-bottom:var(--spacing-md)}.lc-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.lc-topbar-title{font-weight:800;font-size:1.25rem;color:var(--text-main);margin:0}.lc-url-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px}.lc-url-chip{font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;background:var(--bg-input);color:var(--primary);padding:3px 10px;border-radius:20px;border:1px solid var(--border-color)}.lc-copy-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-muted);border-radius:var(--border-radius);transition:all var(--transition-fast)}.lc-copy-btn:hover{color:var(--primary);background:#10b9811a}.lc-topbar-actions{display:flex;gap:var(--spacing-sm);align-items:center}.lc-stats{margin-top:var(--spacing-md)}.lc-stats-title{font-weight:700;font-size:1rem;color:var(--text-main);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.lc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.lc-stat-card{background:var(--bg-input);padding:var(--spacing-md);border-radius:var(--border-radius);text-align:center;border:1px solid var(--border-color);transition:all var(--transition-fast)}.lc-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.lc-stat-card.highlight{background:linear-gradient(135deg,#10b98126,#34d39914);border-color:#10b9814d}.lc-stat-value{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1.2}.lc-stat-card.highlight .lc-stat-value{color:var(--primary)}.lc-stat-label{font-size:.7rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.03em}.lc-traffic-section{margin-top:var(--spacing-md)}.lc-traffic-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.lc-traffic-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.lc-traffic-tag{font-size:.75rem;background:var(--bg-input);color:var(--text-secondary);padding:5px 12px;border-radius:20px;border:1px solid var(--border-color);display:inline-flex;align-items:center;gap:6px}.lc-traffic-tag strong{color:var(--text-main);font-weight:700}.lc-sections-area{margin-top:var(--spacing-lg)}.lc-sections-title{font-weight:700;font-size:1rem;color:var(--text-main);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.lc-sections-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-section-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-fast)}.lc-section-item:hover{border-color:var(--text-muted);background:var(--bg-hover)}.lc-section-item.hidden{opacity:.4}.lc-section-item.visible{border-left:3px solid var(--primary)}.lc-section-left{display:flex;align-items:center;gap:var(--spacing-md)}.lc-section-grip{color:var(--text-muted);cursor:grab;opacity:.5;transition:opacity var(--transition-fast)}.lc-section-item:hover .lc-section-grip{opacity:1}.lc-section-name{font-weight:600;font-size:.875rem;color:var(--text-main)}.lc-section-meta{font-size:.7rem;color:var(--text-muted);margin-top:2px}.lc-section-actions{display:flex;gap:4px}.lc-icon-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--border-radius);color:var(--text-muted);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.lc-icon-btn:hover{background:var(--bg-input);color:var(--primary)}.lc-icon-btn.active{color:var(--primary)}.lc-icon-btn.muted{color:var(--text-muted)}.lc-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.lc-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.lc-modal-hint{font-size:.8rem;color:var(--text-muted);margin:0;padding:var(--spacing-sm) var(--spacing-md);background:#10b9810f;border-radius:var(--border-radius);border:1px solid rgba(16,185,129,.1)}.lc-settings-scroll{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:70vh;overflow-y:auto}.lc-color-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md)}.lc-color-item{display:flex;flex-direction:column;gap:6px}.lc-color-item label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.lc-color-input{width:100%;height:40px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;background:var(--bg-input);padding:3px}.lc-color-input::-webkit-color-swatch-wrapper{padding:2px}.lc-color-input::-webkit-color-swatch{border:none;border-radius:6px}.lc-field-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.lc-textarea{width:100%;padding:.75rem;border-radius:var(--border-radius);border:1.5px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-size:.875rem;resize:vertical;font-family:inherit;line-height:1.5;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.lc-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.lc-textarea.code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;min-height:400px;line-height:1.6}.lc-json-hint{font-size:.8rem;color:var(--text-muted);margin:0;display:flex;align-items:center;gap:6px}.lc-json-hint:before{content:"💡"}.lc-order-badge{width:24px;height:24px;border-radius:50%;background:var(--bg-input);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.lc-section-item.editing{border-color:var(--primary);box-shadow:0 0 0 2px #1a73e81f}.lc-section-header-row{display:flex;justify-content:space-between;align-items:center}.lc-inline-editor{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.lc-inline-editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px dashed var(--border-color)}.lc-inline-editor-label{font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.lc-inline-editor-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.lc-icon-btn.sm{display:flex;align-items:center;gap:4px;font-size:.7rem;padding:4px 8px;border-radius:var(--border-radius);border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.lc-icon-btn.sm:hover,.lc-icon-btn.sm.active{background:var(--primary);color:#fff;border-color:var(--primary)}.lc-section-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.lc-editor-field{display:flex;flex-direction:column;gap:4px}.lc-editor-field.flex-1{flex:1}.lc-editor-row{display:flex;gap:var(--spacing-md);align-items:flex-start}.lc-field-label{font-size:.8rem;font-weight:600;color:var(--text-main)}.lc-field-label-sm{font-size:.72rem;font-weight:500;color:var(--text-muted)}.lc-input{padding:8px 12px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);color:var(--text-main);font-size:.85rem;transition:border-color var(--transition-fast)}.lc-input:focus{outline:none;border-color:var(--primary)}.lc-select{padding:8px 12px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);color:var(--text-main);font-size:.85rem;cursor:pointer}.lc-select:focus{outline:none;border-color:var(--primary)}.lc-editor-group{padding:var(--spacing-md);border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-hover)}.lc-editor-group>.lc-field-label{margin-bottom:var(--spacing-sm)}.lc-editor-group>.lc-editor-field{margin-top:var(--spacing-sm)}.lc-card-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-card-editor{border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-card);overflow:hidden}.lc-card-editor-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 12px;background:var(--bg-hover);border-bottom:1px solid var(--border-color)}.lc-card-editor-header .lc-icon-btn.danger{margin-left:auto}.lc-card-editor-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-simple-list{display:flex;flex-direction:column;gap:6px}.lc-simple-list.compact{gap:4px}.lc-simple-list-item{display:flex;align-items:center;gap:8px}.lc-simple-list-item .flex-1{flex:1}.lc-check-icon{flex-shrink:0;font-size:.85rem}.lc-sim-row-editor{display:flex;align-items:center;gap:8px}.lc-sim-row-editor .flex-1{flex:1}.lc-add-item-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;margin-top:var(--spacing-sm);border:1.5px dashed var(--border-color);border-radius:var(--border-radius);background:transparent;color:var(--primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);width:100%;justify-content:center}.lc-add-item-btn:hover{background:#1a73e80f;border-color:var(--primary)}.lc-add-item-btn.sm{padding:4px 12px;font-size:.72rem;width:auto}.lc-emoji-picker{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.lc-emoji-btn{width:32px;height:32px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.lc-emoji-btn:hover{border-color:var(--primary);background:#1a73e80f}.lc-emoji-btn.active{border-color:var(--primary);background:#1a73e81f;box-shadow:0 0 0 2px #1a73e833}.lc-emoji-custom{width:48px;height:32px;padding:4px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);font-size:1rem;text-align:center;color:var(--text-main)}.lc-faq-list{display:flex;flex-direction:column;gap:6px}.lc-faq-editor-item{border:1.5px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.lc-faq-editor-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;background:var(--bg-hover);cursor:pointer;transition:background var(--transition-fast)}.lc-faq-editor-header:hover{background:var(--bg-active)}.lc-faq-preview{flex:1;font-size:.82rem;color:var(--text-main);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lc-faq-actions{display:flex;gap:2px;flex-shrink:0}.lc-faq-editor-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--border-color)}.lc-pricing-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-pricing-editor{border:1.5px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.lc-pricing-editor.highlighted{border-color:var(--primary)}.lc-pricing-editor-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;background:var(--bg-hover);cursor:pointer;transition:background var(--transition-fast)}.lc-pricing-editor-header:hover{background:var(--bg-active)}.lc-pricing-plan-name{flex:1;font-size:.82rem;font-weight:600;color:var(--text-main)}.lc-pricing-plan-actions{display:flex;gap:2px}.lc-star-icon{color:#fbbc04}.lc-pricing-editor-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);border-top:1px solid var(--border-color)}.lc-checkbox-label{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--text-main);cursor:pointer}.lc-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.lc-school-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.lc-school-editor{border:1.5px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-school-editor-top{display:flex;align-items:center;gap:var(--spacing-sm)}.lc-video-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-video-editor{border:1.5px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.lc-video-editor-top{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;background:var(--bg-hover)}.lc-video-editor-top .lc-icon-btn.danger{margin-left:auto}.lc-video-title-preview{flex:1;font-size:.82rem;font-weight:500;color:var(--text-main)}.lc-video-editor-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.lc-video-preview{margin-top:6px;border-radius:var(--border-radius);overflow:hidden;max-width:320px}.lc-video-preview img{width:100%;display:block;border-radius:var(--border-radius)}.lc-image-uploader{display:flex;flex-direction:column;gap:6px}.lc-image-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--bg-hover);cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);text-align:center}.lc-image-dropzone:hover{border-color:var(--primary);background:#1a73e80a}.lc-image-dropzone.dragover{border-color:var(--primary);background:#1a73e814;box-shadow:0 0 0 3px #1a73e826}.lc-image-dropzone.uploading{opacity:.7;cursor:wait}.lc-image-dropzone span{font-size:.82rem;font-weight:500}.lc-image-dropzone small{font-size:.7rem;color:var(--text-muted)}.lc-image-preview{position:relative;border-radius:var(--border-radius);overflow:hidden;max-width:100%;border:1.5px solid var(--border-color)}.lc-image-preview img{width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;display:block;background:var(--bg-hover)}.lc-image-overlay{position:absolute;top:0;right:0;display:flex;gap:4px;padding:6px;opacity:0;transition:opacity var(--transition-fast)}.lc-image-preview:hover .lc-image-overlay{opacity:1}.lc-image-remove,.lc-image-change{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius);border:none;font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.lc-image-remove{background:#ef4444;color:#fff}.lc-image-remove:hover{background:#dc2626}.lc-image-change{background:#000000b3;color:#fff}.lc-image-change:hover{background:#000000d9}.lc-image-url-input{padding:6px 10px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);color:var(--text-muted);font-size:.75rem}.lc-image-url-input:focus{outline:none;border-color:var(--primary);color:var(--text-main)}.lc-editor-fallback{text-align:center;padding:var(--spacing-md);color:var(--text-muted);font-size:.82rem}.lc-editor-fallback p{margin-bottom:var(--spacing-sm)}.lc-video-mode-toggle{display:flex;gap:4px;margin-bottom:8px}.lc-mode-btn{display:flex;align-items:center;gap:4px;padding:5px 12px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-input);color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.lc-mode-btn:hover{border-color:var(--primary);color:var(--text-main)}.lc-mode-btn.active{border-color:var(--primary);background:#1a73e814;color:var(--primary);font-weight:600}.lc-video-preview-box{position:relative;border-radius:var(--border-radius);overflow:hidden;max-width:100%;border:1.5px solid var(--border-color)}.lc-video-preview-player{width:100%;max-height:220px;display:block;background:#000}.lc-video-preview-box:hover .lc-image-overlay{opacity:1}.lc-icon-btn.danger{color:var(--text-muted)}.lc-icon-btn.danger:hover{color:#ef4444;background:#ef444414}.lc-icon-btn:disabled{opacity:.3;cursor:not-allowed}.score-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.score-bar-label{font-size:.7rem;color:var(--text-muted);width:70px;flex-shrink:0;text-align:right}.score-bar-bg{flex:1;height:6px;border-radius:3px;background:var(--bg-main);overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;background-color:var(--fill-color);width:var(--fill-width, 0%);transition:width .5s ease}.score-bar-value{font-size:.7rem;color:var(--text-secondary);width:28px;flex-shrink:0}.lead-scoring-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:.8rem;box-shadow:0 4px 12px #00000026}.lead-scoring-tooltip-title{font-weight:600;margin-bottom:4px}.lead-scoring-tooltip-item{margin:2px 0}.lead-scoring-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);gap:12px}.lead-scoring-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.lead-scoring-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.lead-scoring-title-icon{color:#10b981}.lead-scoring-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.lead-scoring-actions{display:flex;gap:8px}.btn-recalc{padding:.5rem 1rem;border-radius:8px;border:none;background:#8b5cf6;color:#fff;font-weight:600;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:opacity var(--transition-fast)}.btn-recalc:disabled{opacity:.6;cursor:not-allowed}.btn-refresh{padding:.5rem 1rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:4px;transition:background var(--transition-fast)}.btn-refresh:hover{background:var(--bg-hover)}.lead-scoring-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.lead-scoring-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start}.lead-scoring-card-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.lead-scoring-card-icon-wrapper.hot{background:#ef44441a;color:#ef4444}.lead-scoring-card-icon-wrapper.warm{background:#f59e0b1a;color:#f59e0b}.lead-scoring-card-icon-wrapper.cold{background:#3b82f61a;color:#3b82f6}.lead-scoring-card-icon-wrapper.avg{background:#10b9811a;color:#10b981}.lead-scoring-card-title{font-size:.8rem;color:var(--text-secondary);margin:0}.lead-scoring-card-value{font-size:1.5rem;font-weight:700;margin:4px 0 0}.lead-scoring-card-value.hot{color:#ef4444}.lead-scoring-card-value.warm{color:#f59e0b}.lead-scoring-card-value.cold{color:#3b82f6}.lead-scoring-card-value.avg{color:#10b981}.lead-scoring-layout-grid{display:grid;grid-template-columns:300px 1fr;gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.lead-scoring-layout-grid{grid-template-columns:1fr}}.lead-scoring-panel-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.lead-scoring-panel-title{font-size:.9rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.filter-button-group{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.filter-pill.all{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color)}.filter-pill.all.is-active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-pill.tier{background:var(--bg-main);color:var(--text-secondary);border:1px solid var(--border-color)}.filter-pill.tier.is-active{background:var(--tier-bg);color:var(--tier-color);border-color:var(--tier-border)}.lead-scoring-table-wrapper{overflow-x:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%}.lead-scoring-table{min-width:750px}.lead-scoring-table-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;padding:.75rem 1.25rem;background:var(--bg-main);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.lead-scoring-table-header span.center,.lead-scoring-table-cell.center{text-align:center}.lead-scoring-table-row{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;padding:.75rem 1.25rem;align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s}.lead-scoring-table-row:hover{background:var(--bg-hover)}.lead-scoring-contact-name{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0}.lead-scoring-contact-sub{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.lead-scoring-score-text{font-size:1.1rem;font-weight:700;color:var(--tier-color)}.lead-scoring-badge{padding:3px 10px;border-radius:20px;font-size:.7rem;font-weight:600;color:var(--tier-color);background:var(--tier-bg);border:1px solid var(--tier-border)}.btn-recalc-single{padding:4px 10px;border-radius:6px;font-size:.7rem;background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);display:inline-flex;align-items:center;justify-content:center}.btn-recalc-single:hover{background:var(--bg-hover)}.lead-scoring-expanded-detail{padding:1.5rem 2rem;background:var(--bg-main);border-bottom:1px solid var(--border-color)}.lead-scoring-expanded-title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center}.lead-scoring-expanded-footer{font-size:.7rem;color:var(--text-muted);margin-top:8px}.empty-state{padding:3rem;text-align:center;color:var(--text-muted)}.empty-state-icon{margin:0 auto .5rem;opacity:.4}.lead-scoring-detail-grid{display:grid;grid-template-columns:260px 1fr 1.2fr;gap:2rem}@media (max-width: 1200px){.lead-scoring-detail-grid{grid-template-columns:260px 1fr;gap:1.5rem}}@media (max-width: 900px){.lead-scoring-detail-grid{grid-template-columns:1fr;gap:1.5rem}}.ai-summary-box{background:linear-gradient(135deg,#8b5cf60a,#10b9810a);border-left:3px solid #8b5cf6;padding:8px 12px;border-radius:0 8px 8px 0;margin-bottom:16px}.ai-summary-text{font-size:.8rem;font-style:italic;color:var(--text-secondary);margin:0;line-height:1.4}.insights-panel{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.insights-panel{grid-template-columns:1fr}}.insight-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.insight-card-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin:0 0 6px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.insight-tag-list{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.insight-tag{font-size:.65rem;padding:1px 6px;border-radius:10px;background:var(--bg-main);border:1px solid var(--border-color)}.insight-tag.positive{background:#10b98114;color:#10b981;border-color:#10b98126}.insight-tag.negative{background:#ef444414;color:#ef4444;border-color:#ef444426}.action-card{background:linear-gradient(135deg,#8b5cf60f,#3b82f60f);border:1px solid rgba(139,92,246,.15);border-radius:8px;padding:.85rem;grid-column:1 / -1}.action-card-title{font-size:.75rem;font-weight:700;color:#8b5cf6;margin:0 0 6px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(139,92,246,.15);padding-bottom:4px}.lead-scoring-chat-box{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1rem;height:420px}.lead-scoring-chat-messages-container{flex:1;overflow-y:auto;padding:12px;background:var(--bg-main);border-radius:8px;border:1px solid var(--border-color);margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.lead-scoring-chat-loading,.lead-scoring-chat-empty{text-align:center;color:var(--text-muted);font-size:.75rem;padding:2rem 0;margin:auto}.lead-scoring-chat-bubble-wrapper{display:flex;width:100%}.lead-scoring-chat-bubble-wrapper.contact{justify-content:flex-start}.lead-scoring-chat-bubble-wrapper.ai-or-human{justify-content:flex-end}.lead-scoring-chat-bubble{max-width:85%;padding:8px 12px;border-radius:12px;font-size:.8rem;position:relative;box-shadow:0 1px 2px #00000026;display:flex;flex-direction:column}.lead-scoring-chat-bubble.contact{background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:4px}.lead-scoring-chat-bubble.ai{background:linear-gradient(135deg,#6366f114,#8b5cf614);color:#e0e7ff;border:1px solid rgba(139,92,246,.25);border-bottom-right-radius:4px}.lead-scoring-chat-bubble.agent{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-bottom-right-radius:4px;border:none}.chat-bubble-sender{font-size:.65rem;font-weight:600;margin:0 0 2px;opacity:.8}.chat-bubble-content{margin:0;word-break:break-word;white-space:pre-wrap;line-height:1.45}.chat-bubble-time{font-size:.6rem;align-self:flex-end;margin-top:4px;opacity:.6}.lead-scoring-chat-input-form{display:flex;gap:8px}.lead-scoring-chat-input{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-primary);font-size:.8rem;outline:none;transition:border-color .15s}.lead-scoring-chat-input:focus{border-color:#10b981}.lead-scoring-chat-send-btn{padding:10px 16px;border-radius:8px;background:#10b981;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .1s}.lead-scoring-chat-send-btn:hover{opacity:.9}.lead-scoring-chat-send-btn:active{transform:scale(.95)}.lead-scoring-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.lead-scoring-contact-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lead-scoring-badge-list{display:flex;gap:4px;align-items:center}.lead-scoring-row-badge{font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:4px;line-height:1.2}.lead-scoring-row-badge.crm{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.lead-scoring-row-badge.meeting{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.lead-scoring-actions-cell{display:flex;gap:6px;justify-content:center;align-items:center}.btn-promote-single{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;background:#8b5cf6;border:none;color:#fff;cursor:pointer;transition:opacity .15s,transform .1s}.btn-promote-single:hover{opacity:.9}.btn-promote-single:active{transform:scale(.95)}.agent-notes-card{border-color:#f59e0b40!important;background:#f59e0b05!important}.agent-notes-textarea{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);font-size:.75rem;border-radius:6px;padding:6px 8px;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.agent-notes-textarea:focus{border-color:#8b5cf6}.agent-notes-preview{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin:0 0 8px;white-space:pre-wrap}.btn-notes-edit{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:.7rem;padding:3px 8px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-notes-edit:hover{background:#ffffff0d;color:var(--text-primary);border-color:#ffffff26}.btn-notes-save{background:#8b5cf6;border:none;color:#fff;font-size:.7rem;padding:4px 10px;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-notes-save:hover{opacity:.9}.btn-notes-save:disabled{opacity:.5;cursor:not-allowed}.btn-notes-cancel{background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-size:.7rem;padding:4px 10px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-notes-cancel:hover{background:#ffffff0d;color:var(--text-secondary)}.contract-loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.contract-loading-box{text-align:center}.contract-loader{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:contract-spin 1s linear infinite;margin:0 auto 16px}@keyframes contract-spin{to{transform:rotate(360deg)}}.contract-loading-text{color:var(--text-secondary)}.contract-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.contract-header-left{display:flex;align-items:center;gap:.75rem}.contract-header-icon-wrapper{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contract-header-title{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.contract-header-subtitle{font-size:.8125rem;color:var(--text-secondary);margin:0}.contract-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.contract-summary-card{padding:1rem 1.25rem}.contract-summary-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.contract-summary-label{font-size:.75rem;color:var(--text-secondary);margin:0 0 .25rem;font-weight:500}.contract-summary-value{font-size:1.25rem;font-weight:700;color:var(--text-main);margin:0}.contract-summary-icon-box{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.contract-filters-card{padding:1rem;margin-bottom:1rem}.contract-filters-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;width:100%}.contract-search-wrapper{flex:1;min-width:260px}.contract-select-wrapper{width:200px;flex-shrink:0}@media (max-width: 640px){.contract-select-wrapper{width:100%}}.contract-chips-row{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.contract-btn-reset{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.contract-btn-reset:hover{background:var(--border-color);color:var(--text-main)}.contract-chip-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.contract-chip-btn:hover{border-color:var(--text-secondary)}.contract-chip-dot{width:6px;height:6px;border-radius:50%}.contract-chip-badge{background:var(--bg-hover);color:var(--text-secondary);padding:0 6px;border-radius:9999px;font-size:.6875rem;font-weight:700}.contract-empty-card{padding:3rem;text-align:center}.contract-empty-icon{color:var(--text-muted);margin:0 auto 1rem;opacity:.3}.contract-empty-title{color:var(--text-secondary);font-weight:600;margin-bottom:.5rem}.contract-empty-desc{color:var(--text-muted);font-size:.875rem}.contract-list-container{display:flex;flex-direction:column;gap:.75rem}.contract-row-card{padding:1rem 1.25rem;cursor:pointer;transition:all var(--transition-normal);border-left:3px solid var(--contract-color, var(--border-color))}.contract-row-card:hover{transform:translateY(-1.5px);box-shadow:0 4px 12px #00000026;background-color:var(--bg-hover)}.contract-row-layout{display:flex;align-items:center;gap:1rem;width:100%}.contract-row-main{flex:1;min-width:0}.contract-row-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.contract-number-badge{font-size:.75rem;font-weight:700;color:var(--text-secondary);font-family:monospace;background:var(--bg-input);padding:.125rem .5rem;border-radius:4px}.contract-version-badge{font-size:.6875rem;color:var(--text-muted);background:var(--bg-input);padding:.125rem .375rem;border-radius:4px}.contract-row-title{font-size:.9375rem;font-weight:600;color:var(--text-main);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-meta-row{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.contract-meta-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--text-secondary)}.contract-meta-item.weight-bold{font-weight:600}.contract-meta-signing{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.contract-row-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}.contract-status-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;background:var(--pill-bg);border:1px solid var(--pill-border)}.contract-status-label{font-size:.75rem;font-weight:700;color:var(--pill-color)}.contract-form-body{max-height:70vh;overflow-y:auto}.form-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.form-section-step{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;flex-shrink:0}.form-section-title-wrap{display:flex;align-items:center;gap:.5rem}.form-section-icon{color:#6366f1}.form-section-title{font-size:.9375rem;font-weight:600;color:var(--text-main)}.form-field-group{margin-bottom:1.5rem}.form-field-label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-main);margin-bottom:.375rem}.form-field-help-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.form-field-error{font-size:.75rem;color:var(--danger);margin-top:.25rem}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid-flex-col{display:flex;flex-direction:column;gap:.875rem}@media (max-width: 640px){.form-grid-2col{grid-template-columns:1fr}}.contract-type-btn{padding:1rem;border-radius:.75rem;cursor:pointer;text-align:left;transition:all var(--transition-fast);width:100%}.contract-type-btn.unselected{border:2px solid var(--border-color);background:var(--bg-card)}.contract-type-btn.selected{border:2px solid #6366f1;background:#6366f114}.contract-type-btn-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.contract-type-btn-title{font-size:.875rem;font-weight:600}.contract-type-btn.selected .contract-type-btn-title{color:#6366f1}.contract-type-btn.unselected .contract-type-btn-title{color:var(--text-main)}.contract-type-btn-desc{font-size:.75rem;color:var(--text-muted);margin:0}.form-info-banner-purple{padding:.75rem 1rem;background:#6366f114;border:1px solid #a5b4fc;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.form-info-banner-purple-text{font-size:.875rem;color:#6366f1;font-weight:600}.form-info-banner-blue{padding:.75rem 1rem;background:#3b82f614;border:1px solid #93c5fd;border-radius:.5rem}.form-info-banner-blue-text{font-size:.8125rem;color:#3b82f6;font-weight:500;margin:0}.form-info-banner-green{padding:.875rem 1rem;background:#10b98114;border:1px solid #6ee7b7;border-radius:.5rem}.form-info-banner-green-content{display:flex;align-items:center;gap:.5rem}.form-info-banner-green-text{font-size:.875rem;font-weight:600;color:#10b981}.termin-scheduler-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.termin-fields-list{display:flex;flex-direction:column;gap:.5rem}.termin-field-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-hover);border-radius:.5rem}.termin-field-number{font-size:.75rem;font-weight:600;color:var(--text-muted);width:24px}.termin-field-pct-input{width:80px}.termin-delete-btn{padding:.25rem;background:transparent;border:none;color:var(--danger);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.termin-delete-btn:hover{opacity:.8}.document-panel-wrapper{padding:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem}.document-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.document-panel-title{font-size:.875rem;font-weight:600;color:var(--text-main);margin:0 0 .25rem}.document-panel-subtitle{font-size:.75rem;color:var(--text-muted);margin:0}.document-ready-panel{background:var(--bg-input);border-radius:.5rem;padding:.875rem;border:1px solid var(--border-color)}.document-ready-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.document-ready-title-wrap{display:flex;align-items:center;gap:.5rem}.document-ready-title{font-size:.8125rem;font-weight:600;color:var(--primary)}.signature-badges-row{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;margin-top:.5rem}.signature-badge-label{font-size:.6875rem;color:var(--text-muted)}.signature-badge-pill{font-size:.6875rem;padding:.125rem .5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:.375rem;color:var(--primary);font-weight:600}.document-empty-panel{padding:1.5rem;text-align:center;background:var(--bg-input);border-radius:.5rem;border:2px dashed var(--border-color)}.document-empty-icon{margin:0 auto .5rem;color:var(--text-muted);opacity:.5}.document-empty-text{font-size:.8125rem;color:var(--text-muted);margin:0}.modal-actions-footer{border-top:1px solid var(--border-color);padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.contract-detail-container{padding:1.5rem}.contract-back-btn{padding:.5rem;border-radius:.5rem;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-main);transition:background-color var(--transition-fast)}.contract-back-btn:hover{background-color:var(--bg-hover)}.contract-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.contract-detail-header-left{display:flex;align-items:flex-start;gap:.75rem}.contract-detail-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem;flex-wrap:wrap}.contract-detail-title{font-size:1.375rem;font-weight:700;color:var(--text-main);margin:0}.contract-detail-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.contract-detail-header-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.contract-create-card{padding:3rem;text-align:center}.contract-create-icon-wrapper{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.contract-create-title{font-size:1.125rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.contract-create-desc{color:var(--text-secondary);font-size:.875rem;margin:0 auto 1.5rem;max-width:360px}.contract-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.contract-info-item-label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.contract-info-item-value{font-weight:500;margin:0;color:var(--text-main)}.contract-signature-summary-box{margin-bottom:1rem;padding:.75rem;background:#8b5cf60f;border:1px solid rgba(139,92,246,.15);border-radius:.5rem}.contract-signature-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contract-signature-header-label{font-size:.875rem;font-weight:600;color:#a78bfa}.contract-signature-badge{font-size:.75rem;padding:.25rem .5rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:.375rem;color:#10b981;font-weight:600}.contract-template-applied-box{padding:.5rem .75rem;background:#60a5fa14;border:1px solid rgba(96,165,250,.2);border-radius:.375rem;margin-bottom:1rem;font-size:.75rem;color:#60a5fa}.contract-doc-info-bar{padding:.75rem 1rem;background:var(--bg-body);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:1rem}.contract-doc-info-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.contract-doc-info-item{font-size:.75rem;color:var(--text-secondary)}.contract-doc-info-value{font-size:.875rem;font-weight:600;margin-left:.5rem;color:var(--text-main)}.contract-preview-container{max-height:800px;overflow-y:auto;background:var(--bg-body);border:1px solid var(--border-color);border-radius:.5rem;padding:20px 10px;width:100%;box-sizing:border-box}.contract-preview-page{width:100%;max-width:794px;min-height:1123px;margin:0 auto;padding:40px 20px;background:#fff;font-family:Times New Roman,Times,Georgia,serif;font-size:12pt;line-height:1.8;color:#000;box-shadow:0 4px 40px #00000026,0 0 0 1px #0000000d;position:relative;box-sizing:border-box}@media (min-width: 768px){.contract-preview-page{padding:95px}}.contract-status-select{width:100%;padding:.5rem 2rem .5rem .75rem;border-radius:.5rem;border:1.5px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-size:.8125rem;font-weight:600;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;WebkitAppearance:none;transition:all var(--transition-fast) ease}.contract-status-select:disabled{cursor:not-allowed;opacity:.6}.contract-select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.contract-section-margin{margin-bottom:1rem}.contract-badge-meta-text{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.contract-section-meta-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.contract-no-doc-card{padding:2rem;background:var(--bg-hover);border-radius:.5rem;border:2px dashed var(--border-color)}.contract-no-doc-content{text-align:center;margin-bottom:1.5rem}.contract-no-doc-icon{margin:0 auto .75rem;color:var(--text-muted);opacity:.5}.contract-no-doc-title{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.contract-no-doc-desc{font-size:.75rem;color:var(--text-muted);margin:0}.contract-tpl-loading{text-align:center;font-size:.875rem;color:var(--text-secondary)}.contract-tpl-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all var(--transition-fast) ease;gap:.75rem}.contract-tpl-row:hover{border-color:#10b981;background:#10b9810a}.contract-tpl-name{font-weight:600;font-size:.875rem;color:var(--text-main)}.contract-tpl-desc{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.contract-tpl-help{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.75rem}.contract-tpl-applying-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:.5rem;z-index:10;color:#fff;font-weight:600}.templates-header{margin-bottom:var(--spacing-xl)}.templates-title{color:var(--text-main);margin-bottom:.25rem}.templates-subtitle{color:var(--text-secondary);font-size:.875rem}.templates-create-btn{background:linear-gradient(135deg,var(--primary),var(--primary-hover))!important}.templates-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;background:var(--bg-card);padding:.75rem 1rem;border-radius:var(--border-radius);border:1px solid var(--border-color);flex-wrap:wrap;gap:1rem}.templates-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-input-wrapper{position:relative;width:260px}@media (max-width: 640px){.search-input-wrapper,.templates-filters{width:100%}}.search-input-wrapper input{width:100%;padding:.5rem 1rem .5rem 2.25rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-main);font-size:.8125rem;outline:none;transition:border-color var(--transition-fast)}.search-input-wrapper input:focus{border-color:var(--primary)}.search-input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.type-filters-pillbox,.view-switcher-pillbox{display:flex;background:var(--bg-input);padding:2px;border-radius:8px}.type-filter-btn{padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;color:var(--text-secondary);background:transparent;transition:all var(--transition-fast)}.type-filter-btn.active{color:var(--primary);background:var(--bg-hover)}.view-switch-btn{padding:6px;border-radius:6px;color:var(--text-muted);background:transparent;transition:all var(--transition-fast)}.view-switch-btn.active{color:var(--primary);background:var(--bg-hover)}.templates-loading-panel,.templates-empty-panel{padding:4rem 2rem;text-align:center}.templates-loading-spinner{animation:spin 1s linear infinite;margin:0 auto 1rem;color:var(--primary)}.templates-empty-icon{margin:0 auto 1rem;color:var(--text-muted);opacity:.4}.templates-empty-title{color:var(--text-main);font-weight:600;font-size:1.125rem;margin-bottom:.25rem}.templates-empty-subtitle{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}@media (max-width: 640px){.templates-grid{grid-template-columns:1fr}}.template-card{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;transition:transform .2s,border-color .2s;cursor:default}.template-card:hover{transform:translateY(-2px);border-color:#10b9814d!important}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.template-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:9999px;transition:all var(--transition-fast)}.template-badge.spk{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.template-badge.pks{background:#8b5cf61f;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.template-status{display:flex;align-items:center;gap:4px;font-size:11px}.template-status-dot{width:6px;height:6px;border-radius:50%}.template-card-title{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;line-height:1.4}.template-card-desc{font-size:.8125rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.5rem;line-height:1.5}.template-card-footer{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:1rem}.template-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);margin-bottom:.5rem}.template-meta-item{display:flex;align-items:center;gap:4px}.template-card-actions-row{display:flex;justify-content:space-between;align-items:center}.template-date{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.template-card-btn-group{display:flex;gap:.25rem}.template-action-btn{padding:4px 8px!important}.templates-table-wrapper{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);font-size:.875rem}.data-table th{font-weight:600;color:var(--text-muted);background:#0000001a}.data-table tr:hover{background:#ffffff03}.data-table td.template-name-cell{font-weight:600;color:var(--text-main)}.data-table td.template-desc-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.table-badge-spk{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2);padding:2px 8px;border-radius:9999px;font-size:11px}.table-badge-pks{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2);padding:2px 8px;border-radius:9999px;font-size:11px}.table-status-active{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:2px 8px;border-radius:9999px;font-size:11px}.table-status-inactive{background:#6b72801a;color:#9ca3af;border:1px solid rgba(107,114,128,.2);padding:2px 8px;border-radius:9999px;font-size:11px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.reports-dashboard-card{background:var(--bg-card);border-radius:16px;padding:28px;border:2px solid var(--card-border);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.reports-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.reports-dashboard-card.coming-soon{cursor:default;opacity:.6}.reports-dashboard-card.coming-soon:hover{transform:none;box-shadow:none}.reports-card-badge{position:absolute;top:12px;right:12px;background:#64748b33;color:var(--text-secondary);font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.reports-icon-wrapper{width:56px;height:56px;border-radius:14px;background:var(--card-bg);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.reports-card-title{font-size:18px;font-weight:700;color:var(--text-main);margin:0 0 8px}.reports-card-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.reports-filter-bar{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.reports-filter-col{flex:1 1 180px}.reports-filter-col.wide{flex:2 1 240px}.reports-filter-col.medium{flex:1.2 1 200px}.reports-filter-col.small{flex:.8 1 140px}.reports-filter-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.reports-filter-icon{display:inline;vertical-align:middle;margin-right:4px}.reports-filter-tab-toggle{display:flex;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-secondary);overflow:hidden;margin-left:auto}.reports-filter-tab-btn{padding:8px 14px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all var(--transition-fast);color:var(--text-secondary);background:transparent;display:inline-flex;align-items:center;gap:4px}.reports-filter-tab-btn:hover{color:var(--text-main)}.reports-filter-tab-btn.is-active{background:var(--primary);color:#fff}.reports-balance-alert{margin-top:16px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem}.reports-balance-alert.is-balanced{background:#10b9811a;border:1.5px solid var(--success, #10b981);color:var(--success, #10b981)}.reports-balance-alert.is-unbalanced{background:#ef44441a;border:1.5px solid var(--danger, #ef4444);color:var(--danger, #ef4444)}.reports-balance-alert-text{font-weight:600}.reports-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.reports-summary-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1.5px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--transition-fast)}.reports-summary-card:hover{transform:translateY(-1px)}.reports-summary-card.accent-revenue{border-color:#10b98133}.reports-summary-card.accent-expense{border-color:#ef444433}.reports-summary-card.gradient-net-positive{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.reports-summary-card.gradient-net-negative{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.reports-summary-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reports-summary-card-icon{flex-shrink:0}.reports-summary-card-icon.revenue{color:#34d399}.reports-summary-card-icon.expense{color:#f87171}.reports-summary-card-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.reports-summary-card.gradient-net-positive .reports-summary-card-label,.reports-summary-card.gradient-net-negative .reports-summary-card-label{color:#ffffffe6}.reports-summary-card-val{font-size:24px;font-weight:700;font-family:monospace}.reports-summary-card-val.revenue{color:#34d399}.reports-summary-card-val.expense{color:#f87171}.reports-card-header-block{text-align:center;margin-bottom:24px}.reports-card-header-title{font-size:18px;font-weight:700;color:var(--text-main);margin:0 0 4px}.reports-card-header-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.reports-table-wrapper{overflow-x:auto;width:100%}.reports-table{width:100%;border-collapse:collapse;font-size:13px}.reports-table-th{padding:10px 14px;font-weight:700;border-bottom:2px solid var(--border-color);background:var(--bg-secondary)}.reports-table th{padding:10px 14px;font-weight:700;border-bottom:2px solid var(--border-color)}.reports-table td{padding:8px 14px}.reports-table-tr-head-type{background:#64748b0f}.reports-table-td-type{padding:8px 14px;font-weight:700;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.reports-table-tr{border-bottom:1px solid var(--border-color)}.reports-table-td-code{padding:8px 14px;font-family:monospace;font-weight:600;color:var(--primary)}.reports-table-td-val-debit,.reports-table-td-val-credit{padding:8px 14px;text-align:right;font-family:monospace}.reports-table-td-val-balance{padding:8px 14px;text-align:right;font-family:monospace;font-weight:600}.reports-table-tfoot-tr{border-top:3px double var(--border-color);font-weight:800}.reports-table-tfoot-td{padding:12px 14px;font-size:14px}.reports-table-tfoot-td-val{padding:12px 14px;text-align:right;font-family:monospace;font-size:14px}.reports-text-danger{color:#ef4444}.reports-text-success{color:#10b981}.reports-text-info{color:#3b82f6}.reports-section-title-bar{padding:10px 16px;border-radius:8px 8px 0 0;font-weight:700;font-size:14px;display:flex;justify-content:space-between}.reports-section-title-bar.revenue{background:#10b98126;color:#34d399}.reports-section-title-bar.cogs{background:#eab30826;color:#eab308}.reports-section-title-bar.expense{background:#ef444426;color:#f87171}.reports-section-body{border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px}.reports-section-row{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-color);font-size:13px}.reports-section-row:last-child{border-bottom:none}.reports-section-row-bold{background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.reports-section-row-total-net{border-radius:10px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.reports-section-row-total-net.positive{background:#10b98126;border:2px solid #10b981}.reports-section-row-total-net.negative{background:#ef444426;border:2px solid #ef4444}.reports-empty-box{padding:16px;text-align:center;color:var(--text-muted);font-size:13px}.reports-large-empty-box{text-align:center;padding:60px 0}.assets-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.assets-stat-card-content{display:flex;align-items:center;gap:12px}.assets-stat-card-content svg{flex-shrink:0}.assets-stat-title{font-size:.75rem;color:var(--text-secondary)}.assets-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-main);line-height:1.2;margin:2px 0}.assets-stat-sub{font-size:.7rem;color:var(--text-secondary)}.assets-alert-card{margin-bottom:var(--spacing-lg);border:1.5px solid var(--border-color)}.assets-alert-card.kritis{border-color:var(--danger-border);background-color:var(--danger-bg)}.assets-alert-card.warning{border-color:var(--warning-border);background-color:var(--warning-bg)}.assets-alert-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.assets-alert-header h3{margin:0;font-size:.9375rem;font-weight:700;display:flex;align-items:center;gap:8px}.assets-alert-list{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.assets-alert-item{display:flex;align-items:center;gap:8px}.assets-alert-item.kritis{color:var(--danger)}.assets-alert-item.warning{color:var(--warning)}.assets-alert-item.neutral{color:var(--text-secondary)}.assets-filter-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.assets-filter-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}.assets-detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}@media (max-width: 1024px){.assets-detail-grid{grid-template-columns:1fr}}.loan-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.loan-stat-content{display:flex;align-items:center;gap:var(--spacing-md)}.loan-stat-icon-wrapper{padding:10px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--stat-color) 12%,transparent);color:var(--stat-color)}.loan-chips-container{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.loan-chip-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.loan-chip{padding:4px 14px;border-radius:999px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);transition:all var(--transition-fast)}.loan-chip:hover{border-color:var(--text-muted);color:var(--text-main)}.loan-chip.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.loans-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--spacing-md)}@media (max-width: 640px){.loans-cards-grid{grid-template-columns:1fr}}.loan-card-container{background:var(--bg-card);border:1.5px solid var(--border-color);border-left:4px solid var(--loan-type-color);border-radius:var(--border-radius);padding:1.25rem;display:flex;flex-direction:column;gap:var(--spacing-md);transition:border-color var(--transition-normal)}.loan-card-container:hover{border-color:color-mix(in srgb,var(--loan-type-color) 40%,var(--border-color))}.loan-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.loan-card-title-block{flex:1;min-width:0}.loan-card-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-main)}.loan-card-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.loan-card-badges{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.loan-card-overdue-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;background-color:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;flex-shrink:0}.loan-card-overdue-text{font-size:.7rem;color:var(--danger);font-weight:600}.loan-card-progress-label{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:4px}.loan-card-progress-bar-track{height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.loan-card-progress-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width var(--transition-normal)}.loan-card-progress-values{display:flex;justify-content:space-between;font-size:.7rem;margin-top:3px;color:var(--text-muted)}.loan-card-payment-box{padding:.75rem;background:var(--bg-input);border-radius:var(--border-radius);border:1px solid var(--border-color)}.loan-card-payment-box.urgent{background:var(--danger-bg);border-color:var(--danger-border)}.loan-card-payment-flex{display:flex;align-items:center;justify-content:space-between;gap:8px}.loan-card-payment-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:2px}.loan-card-payment-amount{font-weight:700;color:var(--text-main)}.loan-card-payment-date{font-size:.75rem}.loan-card-payment-date.overdue{color:var(--danger);font-weight:600}.loan-card-payment-date.warning{color:var(--warning);font-weight:600}.loan-card-payment-date.normal{color:var(--text-secondary)}.loan-card-expanded{border-top:1px solid var(--border-color);padding-top:.75rem;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-md)}.loan-card-expanded-label{font-size:.7rem;color:var(--text-secondary)}.loan-card-expanded-value{font-size:.8125rem;font-weight:600}.loan-card-actions{display:flex;gap:var(--spacing-sm);border-top:1px solid var(--border-color);padding-top:.75rem}.loan-stepper{display:flex;align-items:center;gap:0;margin-bottom:var(--spacing-lg);padding:.75rem;background:var(--bg-input);border-radius:var(--border-radius);overflow-x:auto}.loan-step-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:2px solid var(--border-color);background:transparent;color:var(--text-muted);font-weight:600;font-size:.8rem;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.loan-step-item.is-active{border-color:var(--primary);background:var(--primary);color:#fff}.loan-step-item.is-done{border-color:var(--primary);background:var(--success-bg);color:var(--primary);cursor:pointer}.loan-step-line{flex:1;min-width:20px;height:2px;background:var(--border-color);margin:0 8px;transition:background .3s}.loan-step-line.is-done{background:var(--primary)}.loan-live-estimate{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm);padding:1rem;background:var(--bg-input);border-radius:var(--border-radius);border:1px solid var(--border-color)}@media (max-width: 640px){.loan-live-estimate{grid-template-columns:1fr;text-align:left}}.loan-live-estimate-item{text-align:center}.loan-live-estimate-label{font-size:.7rem;color:var(--text-secondary);margin-bottom:4px}.loan-live-estimate-value{font-size:1.1rem;font-weight:700}.loan-modal-section{padding:1rem;background:var(--bg-input);border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.loan-modal-header-icon{font-size:.875rem;font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:6px}.loan-jurnal-preview{padding:1rem;background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--border-radius)}.loan-jurnal-title{font-size:.8125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--success)}.loan-jurnal-table{width:100%;font-size:.8125rem;border-collapse:collapse}.loan-jurnal-table th{text-align:left;padding:4px 8px;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.loan-jurnal-table td{padding:6px 8px;color:var(--text-main)}.loan-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);font-size:.875rem}@media (max-width: 1024px){.loan-details-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.loan-details-grid{grid-template-columns:1fr}}.loan-details-item{display:flex;flex-direction:column}.loan-details-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:2px}.loan-details-value{font-weight:600}.loan-reminders-box{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;border-top:1px solid var(--border-color);padding-top:.75rem}.loan-reminders-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.loan-table-wrapper{overflow-x:auto;max-height:320px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.op-balance-actions{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.op-balance-date-input{flex:0 0 200px}.op-balance-date-input label{display:flex;align-items:center;gap:4px}.op-balance-reset-btn{display:flex;align-items:center;gap:6px}.op-balance-save-container{margin-left:auto}.op-balance-status-bar{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.op-balance-status-pill{padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600}.op-balance-status-pill.accounts{background:#3b82f614;border:1px solid rgba(59,130,246,.2);color:#3b82f6}.op-balance-status-pill.debit{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981}.op-balance-status-pill.credit{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);color:#8b5cf6}.op-balance-status-pill.saved{background:#10b98114;border:1px solid rgba(16,185,129,.2);color:#10b981;display:flex;align-items:center;gap:6px}.op-balance-loader{text-align:center;padding:60px 0;color:var(--text-muted)}.op-balance-card{margin-top:16px}.op-balance-group-container{margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.op-balance-group-header{padding:8px 14px;font-weight:700;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#64748b0f;border-radius:6px;margin-bottom:4px}.op-balance-table{width:100%;border-collapse:collapse;font-size:13px}.op-balance-table tr{border-bottom:1px solid var(--border-color)}.op-balance-table td{padding:6px 14px}.op-balance-td-code{font-family:monospace;font-weight:600;color:var(--primary);width:100px}.op-balance-td-type{width:60px;text-align:center}.op-balance-type-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.op-balance-type-badge.debit{background:#3b82f61a;color:#3b82f6}.op-balance-type-badge.credit{background:#8b5cf61a;color:#8b5cf6}.op-balance-td-input{width:220px}.op-balance-input{text-align:right;font-family:monospace;padding:4px 8px!important;font-size:13px!important;margin-bottom:0!important}.closing-alert-info{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--border-radius);padding:16px;display:flex;align-items:flex-start;gap:12px}.closing-info-icon{color:var(--info);flex-shrink:0;margin-top:2px}.closing-info-list{margin:var(--spacing-sm) 0 0;padding-left:20px}.closing-info-list li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.closing-title-icon{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1rem;font-weight:700;margin-bottom:var(--spacing-lg)}.closing-empty{text-align:center;padding:40px;color:var(--text-muted)}.closing-empty-icon{margin-bottom:12px;opacity:.3}.closing-table-wrapper{overflow-x:auto;width:100%;border-radius:var(--border-radius)}.closing-alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--border-radius);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.closing-alert-purple{background:#650df214;border:1px solid hsla(263,90%,50%,.2);border-radius:var(--border-radius);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.closing-grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 640px){.closing-grid-fields{grid-template-columns:1fr}}.closing-textarea{resize:vertical}.closing-modal-body{padding:var(--spacing-lg)}.closing-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.settings-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1.5px solid var(--border-color);padding-bottom:var(--spacing-sm)}.company-profile-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 1024px){.company-profile-grid{grid-template-columns:1fr 300px}}.form-row-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 768px){.form-row-grid{grid-template-columns:1fr 1fr}}.logo-upload-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl)}.logo-preview-box{width:120px;height:120px;margin:0 auto var(--spacing-md);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-secondary);position:relative;transition:border-color var(--transition-fast)}.logo-preview-box:hover{border-color:var(--primary)}.logo-upload-btn{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:10px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-weight:600;background:var(--bg-card);width:100%;color:var(--text-main);transition:all var(--transition-fast)}.logo-upload-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.users-search-bar{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (min-width: 768px){.users-search-bar{flex-direction:row;justify-content:space-between;align-items:center}}.users-search-input-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;width:100%}@media (min-width: 768px){.users-search-input-wrapper{width:auto}}.users-search-input{width:100%}@media (min-width: 768px){.users-search-input{width:240px}}.roles-layout-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 1024px){.roles-layout-grid{grid-template-columns:300px 1fr}}.roles-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.roles-list-container{display:flex;flex-direction:column;gap:4px}.role-item{padding:10px 12px;border-radius:var(--border-radius);cursor:pointer;background:transparent;display:flex;justify-content:space-between;align-items:center;transition:all var(--transition-fast);border-left:3px solid transparent}.role-item:hover{background:var(--bg-hover)}.role-item.selected{background:var(--bg-hover);border-left-color:var(--primary)}.permissions-grid-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.permission-module-title{margin:0 0 var(--spacing-sm);font-size:.8125rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.permissions-badges-list{display:flex;flex-wrap:wrap;gap:6px}.perm-badge{padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:400;cursor:pointer;display:inline-flex;align-items:center;transition:all var(--transition-fast)}.perm-badge:hover{background:var(--bg-hover);border-color:var(--text-muted)}.perm-badge.active{border-color:var(--primary);background:#36d3991f;color:var(--primary);font-weight:600}.perm-badge.active:hover{background:#36d3992e}.integrations-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.integration-header-row{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 640px){.integration-header-row{flex-direction:row;align-items:center}}.integration-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.integration-icon-box.connected{background:var(--success-bg)}.integration-icon-box.disconnected{background:var(--bg-secondary)}.integration-info{flex:1}.integration-status-pill{display:flex;align-items:center;gap:6px}.integration-status-pill.connected{color:var(--success);font-weight:600}.integration-status-pill.disconnected{color:var(--text-secondary)}.integration-account-info{padding:12px 16px;border-radius:var(--border-radius);background:var(--bg-secondary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-color)}.integration-help-panel{margin-top:var(--spacing-md);padding:12px 16px;border-radius:var(--border-radius);background:var(--bg-secondary);border-left:3px solid var(--primary)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.metric-card{padding:var(--spacing-lg);border-radius:var(--border-radius);background:var(--bg-secondary);text-align:center;border:1px solid var(--border-color);transition:transform var(--transition-fast),border-color var(--transition-fast)}.metric-card:hover{transform:translateY(-2px);border-color:var(--primary)}.metric-card-label{color:var(--text-secondary)!important;font-size:.8125rem;margin:0 0 var(--spacing-xs)!important;text-transform:uppercase;letter-spacing:.5px}.metric-card-value{font-size:1.5rem;font-weight:700;margin:0;color:var(--text-main)}.metric-card-value.saving{color:var(--success)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0ff 0%,var(--bg-body) 50%,#f0f0ff 100%);padding:var(--spacing-md)}.login-card{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow),0 1px 3px #0000000f;padding:2.5rem 2rem;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;font-weight:800;font-size:1.5rem;margin-bottom:1rem;box-shadow:0 4px 12px #4f46e540}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 .25rem}.login-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form .btn{width:100%;margin-top:.5rem}.login-error{font-size:.8125rem;color:var(--danger);background-color:#fff0f0;border:1px solid hsl(0,84%,90%);border-radius:var(--border-radius);padding:.625rem .875rem;text-align:center}.login-footer{text-align:center;margin-top:1.5rem;font-size:.75rem;color:var(--text-muted)}