/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--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:#3b82f680;--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: }::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:#3b82f680;--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: }.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.right-4{right:1rem}.top-4{top:1rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-screen{height:100vh}.max-h-\[500px\]{max-height:500px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(90vh-140px\)\]{max-height:calc(90vh - 140px)}.min-h-\[200px\]{min-height:200px}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{line-height:2rem}.text-lg{line-height:1.75rem}.text-sm{line-height:1.25rem}.text-xs{line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity))}.text-purple-100{--tw-text-opacity:1;color:rgb(243 232 255/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.scoring-rules-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header-content h1{color:#111827;font-size:2rem;margin:0 0 .5rem}.page-header-content p{color:#6b7280;font-size:1rem}.statistics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-icon{border-radius:12px;height:56px;width:56px}.stat-label{color:#6b7280;font-size:.875rem;margin-bottom:.25rem}.stat-value{color:#111827;font-size:1.875rem;line-height:1}.stat-meta{color:#6b7280;font-size:.875rem;margin-top:.25rem}.filter-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.filter-section label{color:#374151;font-weight:500}.category-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;min-width:200px;padding:.5rem 1rem}.category-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.rules-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.rules-table{border-collapse:collapse;width:100%}.rules-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.rules-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.rules-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s}.rules-table tbody tr:hover{background:#f9fafb}.rules-table td{color:#374151;font-size:.875rem;padding:1rem}.rule-name{color:#111827;font-weight:600;margin-bottom:.25rem}.rule-description{color:#6b7280;font-size:.8125rem;margin-top:.25rem}.category-badge{background:#eff6ff;border-radius:9999px;color:#1e40af;display:inline-block;font-size:.8125rem;font-weight:500;padding:.25rem .75rem}.condition-text{color:#374151;font-family:Monaco,Courier New,monospace;font-size:.8125rem}.score-points{color:#059669;font-size:1rem;font-weight:700}.action-buttons{display:flex;gap:.5rem}.modal-content{box-shadow:0 20px 25px -5px #0000001a}.modal-header h3{color:#111827}.close-button{border-radius:4px;height:32px;padding:0;transition:background-color .15s;width:32px}.close-button:hover{background:#f3f4f6}.form-group{margin-bottom:1.25rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.875rem;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s}.form-group textarea{font-family:inherit}.checkbox-label{gap:.5rem}.checkbox-label input[type=checkbox]{width:auto}.checkbox-label span{color:#374151}.success-message{gap:.75rem}.badge{border-radius:9999px;display:inline-block;letter-spacing:.025em}.badge-success{background:#d1fae5;color:#065f46}.badge-secondary{background:#f3f4f6;color:#374151}.badge-danger{background:#fee2e2;color:#991b1b}.btn{border-radius:8px;gap:.5rem;padding:.625rem 1.25rem;transition:all .15s}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}@media (max-width:768px){.scoring-rules-page{padding:1rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.statistics-grid{grid-template-columns:1fr}.rules-table-container{overflow-x:auto}.form-row{grid-template-columns:1fr}}.settings-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;padding-bottom:1.5rem}.header-content h1{color:#111827;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-subtitle{color:#6b7280;font-size:.95rem;margin:0}.settings-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:2rem}.tab-button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .2s}.tab-button:hover{background:#f9fafb;color:#111827}.tab-button.active{background:#eff6ff;border-bottom-color:#2563eb;color:#2563eb}.tab-icon{font-size:1.2rem}.settings-tab-content{animation:fadeIn .3s ease-in}.settings-section-header{margin-bottom:2rem}.settings-section-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.settings-section-header p{color:#6b7280;margin:0}.settings-container{display:flex;flex-direction:column;gap:2rem}.gateways-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.gateway-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1.5rem;transition:all .2s}.gateway-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.gateway-card.selected{background:#eff6ff;border-color:#2563eb}.gateway-card.active{border-color:#10b981}.gateway-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.gateway-title{align-items:center;display:flex;gap:.75rem}.gateway-icon{font-size:2rem}.gateway-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.status-badge.active{background:#d1fae5;color:#065f46}.gateway-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.gateway-meta{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:.5rem;justify-content:space-between;padding-top:1rem}.mode-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.mode-badge.test{background:#fef3c7;color:#92400e}.mode-badge.live{background:#d1fae5;color:#065f46}.gateway-config{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden}.config-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.config-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.config-form{padding:1.5rem}.form-section:last-child{margin-bottom:0}.form-section h4{border-bottom:1px solid #e5e7eb;color:#111827;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus{ring:2px solid #2563eb1a;border-color:#2563eb;outline:none}.checkbox-group{margin-bottom:1.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.checkbox-label span{color:#111827;font-size:.875rem;font-weight:500}.form-hint{color:#6b7280;display:block;font-size:.8125rem;line-height:1.5;margin-top:.5rem}.form-actions{border-top:1px solid #e5e7eb;padding-top:1.5rem}.btn{font-size:.875rem;padding:.75rem 1.5rem}.btn:disabled{opacity:.6}.btn-primary{background:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-outline{background:#0000;border:1px solid #2563eb;color:#2563eb}.btn-outline:hover:not(:disabled){background:#eff6ff}.btn-sm{font-size:.8125rem;padding:.5rem 1rem}.setup-instructions{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:2rem}.setup-instructions h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.instructions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.instruction-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.instruction-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.instruction-icon{font-size:1.5rem}.instruction-card h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.instruction-card ol{margin:0;padding-left:1.5rem}.instruction-card li{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.instruction-card p{color:#4b5563;font-size:.875rem;line-height:1.6;margin:0 0 .75rem}.instruction-card a{color:#2563eb;text-decoration:none}.instruction-card a:hover{text-decoration:underline}.nibss-settings-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}@media (max-width:1024px){.nibss-settings-container{grid-template-columns:1fr}}.nibss-config-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem}.nibss-info-panel{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.info-section.warning{background:#fef3c7;border-color:#fbbf24}.info-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.info-section.warning .info-header{border-bottom-color:#fbbf24}.info-icon{font-size:1.5rem}.info-section h4{color:#111827;font-size:1rem;font-weight:600;margin:0}.info-section p{color:#4b5563;font-size:.875rem;line-height:1.6;margin:0 0 .75rem}.info-section p:last-child{margin-bottom:0}.info-section ol,.info-section ul{margin:0;padding-left:1.5rem}.info-section li{color:#4b5563;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.info-section li strong{color:#111827}.success-message{animation:slideDown .3s ease-out;border-radius:8px;font-size:.875rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.settings-page{padding:1rem}.page-header{gap:1rem}.page-header,.settings-tabs{flex-direction:column}.tab-button{width:100%}.gateways-grid,.instructions-grid{grid-template-columns:1fr}.config-header{align-items:flex-start;gap:1rem}.config-header,.form-actions{flex-direction:column}.form-actions .btn{width:100%}.gateway-meta{align-items:flex-start;flex-direction:column}}.customers-list-container{margin:0 auto;max-width:1400px;padding:2rem}.page-header{margin-bottom:2rem}.page-subtitle{color:#6b7280;margin-top:.5rem}.customers-filters{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.search-form{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;padding-bottom:.5rem}.filter-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-weight:500;margin-bottom:-2px;padding:.5rem 1rem;transition:all .2s}.filter-tab:hover{background:#f9fafb;color:#374151}.filter-tab.active{border-bottom-color:#2563eb;color:#2563eb}.customers-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.customers-table th{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.customers-table td{border-bottom:1px solid #f3f4f6;padding:1rem}.customers-table tbody tr{transition:background-color .15s}.customers-table tbody tr:hover{background-color:#f9fafb}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#111827;font-weight:500}.customer-id{color:#6b7280;font-family:monospace;font-size:.75rem}.contact-info,.loan-summary{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.text-muted{color:#9ca3af;font-size:.875rem}.text-center{text-align:center}.status-badge{border-radius:9999px}.status-active{background-color:#d1fae5;color:#065f46}.status-suspended{background-color:#fed7aa;color:#92400e}.status-inactive{background-color:#e5e7eb;color:#374151}.btn{border-radius:6px;display:inline-block;font-weight:500;padding:.5rem 1rem;transition:all .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}.btn-sm{font-size:.875rem;padding:.375rem .75rem}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-danger:disabled{background-color:#fca5a5;cursor:not-allowed}.alert{border-radius:6px;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}@media (max-width:1200px){.customers-table{font-size:.875rem}.customers-table td,.customers-table th{padding:.75rem}}@media (max-width:768px){.customers-list-container{padding:1rem}.search-form{flex-direction:column}.filter-tabs{flex-wrap:nowrap}.customers-table-container,.filter-tabs{overflow-x:auto}.customers-table{min-width:1000px}}.customer360-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.customer360-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea33;color:#fff;margin-bottom:2rem;padding:2.5rem}.customer360-header-content{align-items:flex-start;display:flex;gap:2rem}.customer360-photo-section{flex-shrink:0}.customer360-photo{background:#ffffff1a;object-fit:cover}.customer360-photo,.customer360-photo-placeholder{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #0003;height:140px;width:140px}.customer360-photo-placeholder{align-items:center;background:#ffffff26;color:#ffffffe6;display:flex;font-size:3.5rem;font-weight:600;justify-content:center}.customer360-info{flex:1 1}.customer360-name{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.customer360-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.customer360-meta-item{display:flex;flex-direction:column;gap:.25rem}.customer360-meta-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.customer360-meta-value{font-size:.95rem;font-weight:500}.customer360-flags{display:flex;flex-wrap:wrap;gap:.75rem}.customer360-flag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.85rem;font-weight:500;padding:.5rem 1rem}.customer360-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.customer360-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;transition:all .2s}.customer360-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.customer360-stat-label{color:#6b7280;font-size:.85rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.customer360-stat-value{color:#111827;font-size:1.75rem;font-weight:700}.customer360-stat-value.success{color:#059669}.customer360-stat-value.warning{color:#d97706}.customer360-stat-value.danger{color:#dc2626}.customer360-tabs{background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.customer360-tabs-list{display:flex;gap:0;list-style:none;margin:0;padding:0}.customer360-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.customer360-tab:hover{background:#f9fafb;color:#374151}.customer360-tab.active{background:#fafbff;border-bottom-color:#667eea;color:#667eea}.customer360-content{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 2px 8px #0000000d;min-height:400px}.customer360-tab-panel{padding:2rem}.customer360-profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.customer360-profile-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.customer360-profile-section h3{border-bottom:2px solid #e5e7eb;color:#111827;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.customer360-profile-field{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.customer360-profile-field:last-child{border-bottom:none}.customer360-profile-field-label{color:#6b7280;font-size:.875rem;font-weight:500}.customer360-profile-field-value{color:#111827;font-size:.875rem;font-weight:500;text-align:right}.customer360-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.customer360-table{border-collapse:collapse;width:100%}.customer360-table thead{background:#f9fafb}.customer360-table th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.customer360-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:.875rem;padding:1rem}.customer360-table tbody tr{transition:background-color .15s}.customer360-table tbody tr:hover{background-color:#f9fafb}.customer360-table tbody tr:last-child td{border-bottom:none}.customer360-status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:.375rem .875rem;text-transform:capitalize}.customer360-status-badge.active,.customer360-status-badge.approved,.customer360-status-badge.disbursed,.customer360-status-badge.successful{background-color:#d1fae5;color:#065f46}.customer360-status-badge.pending,.customer360-status-badge.submitted,.customer360-status-badge.under_review{background-color:#fef3c7;color:#92400e}.customer360-status-badge.declined,.customer360-status-badge.defaulted,.customer360-status-badge.failed{background-color:#fee2e2;color:#991b1b}.customer360-status-badge.paid_off{background-color:#dbeafe;color:#1e40af}.customer360-flag-card,.customer360-note-card{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.customer360-note-card.pinned{background:#fef3c7;border-left-color:#f59e0b}.customer360-flag-header,.customer360-note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.customer360-flag-type,.customer360-note-type{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.customer360-flag-reason,.customer360-note-content{color:#374151;font-size:.95rem;line-height:1.6;margin-bottom:.75rem}.customer360-flag-meta,.customer360-note-meta{color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between}.customer360-empty{color:#6b7280;padding:3rem 2rem;text-align:center}.customer360-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.customer360-empty-text{font-size:1rem;font-weight:500}.customer360-btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.customer360-btn-primary{background:#667eea;color:#fff}.customer360-btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.customer360-btn-secondary{background:#f3f4f6;color:#374151}.customer360-btn-secondary:hover{background:#e5e7eb}.customer360-btn-danger{background:#dc2626;color:#fff}.customer360-btn-danger:hover{background:#b91c1c}.customer360-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}@media (max-width:768px){.customer360-container{padding:1rem}.customer360-header{padding:1.5rem}.customer360-header-content{align-items:center;flex-direction:column;text-align:center}.customer360-photo,.customer360-photo-placeholder{height:120px;width:120px}.customer360-name{font-size:1.5rem}.customer360-meta{justify-content:center}.customer360-stats{grid-template-columns:1fr}.customer360-tabs-list{overflow-x:auto}.customer360-tab-panel{padding:1rem}.customer360-profile-grid{grid-template-columns:1fr}.customer360-table-wrapper{font-size:.8rem}.customer360-table td,.customer360-table th{padding:.75rem .5rem}}.modal-content{animation:slideUp .3s ease-out;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.modal-header{border-bottom:1px solid #e5e7eb}.modal-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-customer-name{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.modal-warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem}.form-group label{color:#374151;font-weight:500}.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-footer{border-top:1px solid #e5e7eb;gap:.75rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.email-templates-page{background:linear-gradient(135deg,#f9fafb,#e5e7eb);min-height:100vh;padding:2rem}.stat-card{background:#fff;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.template-table-row{transition:background-color .15s ease}.template-table-row:hover{background-color:#eff6ff}.action-button{border-radius:.5rem;padding:.5rem;transition:all .2s ease}.action-button:hover{transform:scale(1.1)}.gradient-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 15px -3px #2563eb4d;transition:all .3s ease}.gradient-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #2563eb66;transform:translateY(-2px) scale(1.02)}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{animation:fadeIn .3s ease-out}.toast-notification{animation:slideInRight .3s ease-out}.scheduler-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.scheduler-dashboard .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.scheduler-dashboard .header-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.scheduler-dashboard .header-subtitle{color:#6b7280;font-size:1rem}.stat-card:nth-child(2){background:linear-gradient(135deg,#10b981,#059669)}.stat-card:nth-child(3){background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card:nth-child(4){background:linear-gradient(135deg,#f59e0b,#d97706)}.scheduler-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.jobs-section h2{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.jobs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.job-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;padding:1.5rem;transition:all .2s}.job-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.job-card.selected{background:#eff6ff;border-color:#3b82f6}.job-card.disabled{background:#f9fafb;opacity:.6}.job-header{justify-content:space-between;margin-bottom:.75rem}.job-header,.job-title{align-items:center;display:flex}.job-title{gap:.5rem}.job-icon{font-size:1.5rem}.job-title h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0}.job-description{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.job-meta{background:#f9fafb;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.meta-item{display:flex;font-size:.875rem;justify-content:space-between}.meta-label{color:#6b7280;font-weight:500}.meta-value{color:#1a1a1a;font-weight:500}.job-actions{display:flex;gap:.5rem}.job-actions button{flex:1 1}.status-badge{border-radius:.375rem;letter-spacing:.5px;padding:.25rem .75rem}.status-badge.enabled{background:#d1fae5;color:#065f46}.status-badge.disabled{background:#fee2e2;color:#991b1b}.status-badge-sm{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.status-badge-sm.status-success{background:#d1fae5;color:#065f46}.status-badge-sm.status-failed{background:#fee2e2;color:#991b1b}.status-badge-sm.status-running{background:#dbeafe;color:#1e40af}.status-badge-sm.status-unknown{background:#f3f4f6;color:#6b7280}.logs-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.logs-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.logs-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0}.logs-container{overflow-x:auto}.empty-logs{color:#6b7280;padding:3rem;text-align:center}.logs-table{width:100%}.logs-table table{border-collapse:collapse;width:100%}.logs-table thead{background:#f9fafb}.logs-table th{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.logs-table td{border-top:1px solid #e5e7eb;color:#1a1a1a;font-size:.875rem;padding:.875rem .75rem}.logs-table tr:hover{background:#f9fafb}.notifications-count{color:#059669;font-weight:500}.error-text,.failed-count{color:#dc2626}.error-text{cursor:help}.no-error{color:#9ca3af}.error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.error-details h4{color:#991b1b;font-size:1rem;font-weight:600;margin:0 0 .5rem}.error-details pre{word-wrap:break-word;background:#fff;border:1px solid #fecaca;border-radius:.375rem;color:#dc2626;font-size:.875rem;margin:0;overflow-x:auto;padding:.75rem;white-space:pre-wrap}@media (max-width:768px){.scheduler-dashboard{padding:1rem}.scheduler-dashboard .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.jobs-grid,.stats-grid{grid-template-columns:1fr}.logs-table{font-size:.75rem}.logs-table td,.logs-table th{padding:.5rem}}.notification-analytics{margin:0 auto;max-width:1400px;padding:2rem}.notification-analytics .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.notification-analytics .header-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.notification-analytics .header-subtitle{color:#6b7280;font-size:1rem}.notification-analytics .header-actions{align-items:center;display:flex;gap:1rem}.time-range-selector{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.time-range-selector:hover{border-color:#3b82f6}.time-range-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.read{background:linear-gradient(135deg,#3b82f6,#2563eb)}.analytics-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.analytics-section h2{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.channel-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.channel-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;transition:all .2s}.channel-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.channel-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.channel-icon{font-size:2rem}.channel-header h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0}.channel-stats{margin-bottom:1rem}.stat-row{border-bottom:1px solid #e5e7eb;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.stat-row:last-child{border-bottom:none}.stat-row .label{color:#6b7280;font-weight:500}.stat-row .value{color:#1a1a1a;font-weight:600}.stat-row .value.success{color:#059669}.stat-row .value.failed{color:#dc2626}.progress-bar{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s ease}.type-table{overflow-x:auto}.type-table table{border-collapse:collapse;width:100%}.type-table thead{background:#f9fafb}.type-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.type-table td{border-bottom:1px solid #e5e7eb;color:#1a1a1a;font-size:.875rem;padding:.875rem .75rem}.type-table tr:hover{background:#f9fafb}.read-rate,.type-name{font-weight:600}.read-rate{color:#059669}.trend-chart{padding:1rem}.chart-container{align-items:flex-end;gap:.5rem;height:200px;padding:1rem 0}.chart-bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column}.chart-bar-container{align-items:flex-end;height:180px;width:100%}.chart-bar,.chart-bar-container{display:flex;justify-content:center}.chart-bar{align-items:flex-start;background:linear-gradient(180deg,#10b981,#059669);border-radius:.375rem .375rem 0 0;max-width:40px;padding-top:.25rem;transition:all .2s}.chart-bar:hover{transform:scaleY(1.05)}.chart-bar.warning{background:linear-gradient(180deg,#f59e0b,#d97706)}.bar-value{color:#fff;font-size:.75rem;font-weight:600}.chart-label{color:#6b7280;text-align:center}.failed-table{overflow-x:auto}.failed-table table{border-collapse:collapse;min-width:900px;width:100%}.failed-table thead{background:#fef2f2}.failed-table th{border-bottom:2px solid #fecaca;color:#991b1b;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.failed-table td{border-bottom:1px solid #fee2e2;color:#1a1a1a;font-size:.875rem;padding:.875rem .75rem}.failed-table tr:hover{background:#fef2f2}.subject-cell{max-width:200px}.error-cell{color:#dc2626;font-size:.75rem;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.notification-analytics{padding:1rem}.notification-analytics .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.notification-analytics .header-actions{flex-direction:column;width:100%}.time-range-selector{width:100%}.channel-grid,.stats-grid{grid-template-columns:1fr}.chart-container{height:150px}.chart-bar-container{height:130px}.chart-label{font-size:.625rem;transform:rotate(-45deg);transform-origin:center}.failed-table{font-size:.75rem}.failed-table,.type-table{overflow-x:scroll}}.notification-queue{margin:0 auto;max-width:1400px;padding:2rem}.notification-queue .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.notification-queue .header-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.notification-queue .header-subtitle{color:#6b7280;font-size:1rem}.notification-queue .header-actions{align-items:center;display:flex;gap:1rem}.auto-refresh-toggle{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.auto-refresh-toggle input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.queue-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card.total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.processing{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.oldest{background:linear-gradient(135deg,#f59e0b,#d97706)}.channel-breakdown{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.channel-breakdown h2{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.channel-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.channel-stat-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.channel-stat-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.channel-stat-card .channel-icon{font-size:2rem}.channel-info h4{color:#1a1a1a;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.pending-count{color:#3b82f6;font-size:1.25rem;font-weight:700;margin:0}.avg-time{color:#6b7280;font-size:.75rem;margin:0}.actions-bar{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.actions-bar,.filter-section{align-items:center;display:flex}.filter-section{gap:.75rem}.filter-section label{color:#1a1a1a;font-size:.875rem;font-weight:600}.channel-filter{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.channel-filter:hover{border-color:#3b82f6}.channel-filter:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bulk-actions{align-items:center;display:flex;gap:1rem}.selection-count{color:#3b82f6;font-size:.875rem;font-weight:600}.queue-table-section{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden}.empty-queue{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-queue h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-queue p{font-size:1rem}.queue-table{overflow-x:auto}.queue-table table{border-collapse:collapse;min-width:1000px;width:100%}.queue-table thead{background:#f9fafb}.queue-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.queue-table td{border-bottom:1px solid #e5e7eb;color:#1a1a1a;font-size:.875rem;padding:.875rem .75rem}.queue-table tr:hover{background:#f9fafb}.checkbox-col{text-align:center;width:40px}.checkbox-col input[type=checkbox]{cursor:pointer;height:1.125rem;width:1.125rem}.queue-time{background:#d1fae5;border-radius:.375rem;color:#065f46;display:inline-block;font-weight:600;padding:.25rem .75rem}.queue-time.warning{background:#fef3c7;color:#92400e}.user-cell{display:flex;flex-direction:column}.user-name{color:#1a1a1a;font-weight:600}.user-email{color:#6b7280;font-size:.75rem}.channel-badge{align-items:center;background:#f3f4f6;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;text-transform:uppercase}.subject-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;gap:.5rem}.modal-content{max-width:600px}.modal-header h3{font-size:1.25rem}.detail-row{border-bottom:1px solid #e5e7eb;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#6b7280;font-weight:600;min-width:120px}.detail-value{color:#1a1a1a;flex:1 1}.detail-section{border-top:2px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.detail-section .detail-label{color:#6b7280;display:block;font-weight:600;margin-bottom:.5rem}.detail-text{word-wrap:break-word;background:#f9fafb;border-radius:.5rem;color:#1a1a1a;line-height:1.5;padding:.75rem;white-space:pre-wrap}.success-message{align-items:center;border-radius:.5rem;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem}@media (max-width:768px){.notification-queue{padding:1rem}.notification-queue .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.notification-queue .header-actions{flex-direction:column;width:100%}.channel-stats-grid,.queue-stats-grid{grid-template-columns:1fr}.actions-bar{align-items:stretch;flex-direction:column}.bulk-actions,.filter-section{justify-content:space-between;width:100%}.queue-table{overflow-x:scroll}.actions-cell{flex-direction:column}}.notification-templates{margin:0 auto;max-width:1400px;padding:2rem}.notification-templates .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.notification-templates .header-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.notification-templates .header-subtitle{color:#6b7280;font-size:1rem}.error-message,.success-message{align-items:center;border-radius:.5rem;display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.success-message{background:#d1fae5;border:1px solid #10b981;color:#065f46}.error-message{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;gap:1rem;padding:1.5rem}.stat-card.channel{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon{font-size:2.5rem;opacity:.9}.stat-content h3{font-size:.875rem;font-weight:500;margin-bottom:.5rem;opacity:.9;text-transform:uppercase}.stat-value{font-size:2rem;font-weight:700;margin:0}.stat-sub{font-size:.875rem;margin:.25rem 0 0;opacity:.8}.filters-bar{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.filter-group{align-items:center;gap:.75rem}.filter-group label{color:#1a1a1a}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;color:#1a1a1a;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.templates-list{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;min-height:400px;padding:1.5rem}.empty-state,.loading{color:#6b7280;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{font-size:1rem}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.template-card{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:all .2s}.template-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.template-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.template-title{align-items:center;display:flex;flex:1 1;gap:.75rem}.channel-icon{font-size:1.5rem}.template-title h3{color:#1a1a1a;font-size:1.125rem;font-weight:600;margin:0;word-break:break-word}.template-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{border-radius:.375rem;font-size:.75rem;padding:.25rem .75rem;white-space:nowrap}.badge.default{background:#dbeafe;color:#1e40af}.badge.inactive{background:#fee2e2;color:#991b1b}.template-details{border-bottom:1px solid #e5e7eb;margin-bottom:1rem;padding-bottom:1rem}.detail-row{display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.detail-row .label{color:#6b7280;font-weight:600;min-width:90px}.detail-row .value{color:#1a1a1a;flex:1 1;word-break:break-word}.template-variables{font-size:.875rem;margin-bottom:1rem}.template-variables strong{color:#6b7280;display:block;margin-bottom:.5rem}.variables-list{display:flex;flex-wrap:wrap;gap:.5rem}.variable-tag{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;color:#374151;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.no-variables{color:#9ca3af;font-style:italic}.template-actions{display:flex;flex-wrap:wrap;gap:.5rem}.modal-overlay{background:#00000080;padding:1rem;z-index:1000}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.close-button{color:#6b7280;font-size:1.5rem;line-height:1;padding:.25rem;transition:color .2s}.close-button:hover{color:#1a1a1a}.modal-body{padding:1.5rem}.form-row{grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group label{color:#1a1a1a;font-size:.875rem}.form-group input[type=email],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:.5rem;color:#1a1a1a;font-size:.875rem;padding:.625rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.checkbox-group{align-items:center;display:flex}.checkbox-group label{margin:0}.checkbox-group input[type=checkbox]{height:1.25rem;width:1.25rem}.variables-section{background:#f9fafb;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.variables-section h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 1rem}.variables-manager .add-variable{display:flex;gap:.5rem;margin-bottom:1rem}.variables-manager .add-variable input{border:2px solid #e5e7eb;border-radius:.375rem;flex:1 1;font-size:.875rem;padding:.5rem}.variables-manager .variables-list{display:flex;flex-direction:column;gap:.5rem}.variable-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;gap:.75rem;padding:.75rem}.variable-key{color:#3b82f6;font-family:monospace;font-weight:600;min-width:120px}.variable-value{color:#6b7280;flex:1 1;font-size:.875rem}.btn-remove{background:#fee2e2;border:none;border-radius:50%;color:#991b1b;cursor:pointer;font-size:1.25rem;height:1.5rem;line-height:1;transition:all .2s;width:1.5rem}.btn-remove:hover{background:#fecaca}.modal-footer{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.preview-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#1a1a1a;line-height:1.6;min-height:200px;padding:1.5rem}@media (max-width:768px){.notification-templates{padding:1rem}.notification-templates .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr}.filters-bar{align-items:stretch;flex-direction:column}.filter-group{align-items:flex-start;flex-direction:column}.form-row,.templates-grid{grid-template-columns:1fr}.modal-footer,.template-actions,.variables-manager .add-variable{flex-direction:column}}:root{--color-primary-50:#fffbeb;--color-primary-100:#fef3c7;--color-primary-200:#fde68a;--color-primary-300:#fcd34d;--color-primary-400:#fbbf24;--color-primary-500:#f59e0b;--color-primary-600:#d97706;--color-primary-700:#b45309;--color-primary-800:#92400e;--color-primary-900:#78350f;--color-secondary-50:#eff6ff;--color-secondary-100:#dbeafe;--color-secondary-200:#bfdbfe;--color-secondary-300:#93c5fd;--color-secondary-400:#60a5fa;--color-secondary-500:#3b82f6;--color-secondary-600:#2563eb;--color-secondary-700:#1d4ed8;--color-secondary-800:#1e40af;--color-secondary-900:#1e3a8a;--color-accent-50:#f0fdf4;--color-accent-100:#dcfce7;--color-accent-200:#bbf7d0;--color-accent-300:#86efac;--color-accent-400:#4ade80;--color-accent-500:#22c55e;--color-accent-600:#16a34a;--color-accent-700:#15803d;--color-accent-800:#166534;--color-accent-900:#14532d;--color-success-light:#d1fae5;--color-success:#10b981;--color-success-dark:#059669;--color-warning-light:#fef3c7;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-error-light:#fee2e2;--color-error:#ef4444;--color-error-dark:#dc2626;--color-info-light:#dbeafe;--color-info:#3b82f6;--color-info-dark:#2563eb;--color-neutral-0:#fff;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-background:#fafafa;--color-surface:#fff;--color-surface-elevated:#fff;--color-surface-overlay:#00000080;--color-text-primary:#171717;--color-text-secondary:#525252;--color-text-tertiary:#a3a3a3;--color-text-inverse:#fff;--color-text-link:#2563eb;--color-text-link-hover:#1d4ed8;--color-border-light:#f5f5f5;--color-border-default:#e5e5e5;--color-border-medium:#d4d4d4;--color-border-dark:#a3a3a3;--color-border-focus:#3b82f6;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-focus:0 0 0 3px #3b82f64d;--radius-none:0;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--button-height-sm:2rem;--button-height-base:2.5rem;--button-height-lg:3rem;--input-height-sm:2rem;--input-height-base:2.5rem;--input-height-lg:3rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#fafafa;background-color:var(--color-background);color:#171717;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-primary{color:#171717;color:var(--color-text-primary)}.text-secondary{color:#525252;color:var(--color-text-secondary)}.text-tertiary{color:#a3a3a3;color:var(--color-text-tertiary)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.shadow-xs{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:.25rem;border-radius:var(--radius-sm)}.rounded{border-radius:.5rem;border-radius:var(--radius-base)}.rounded-md{border-radius:.75rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:1rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1.5rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.button{align-items:center;border:none;border-radius:1rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-primary);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;min-width:-webkit-fit-content;min-width:fit-content;outline:none;overflow:visible;text-align:center;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);user-select:none;-webkit-user-select:none;white-space:nowrap;width:auto}.button--sm{font-size:.875rem;font-size:var(--font-size-sm);height:2rem;height:var(--button-height-sm);padding:0 1rem;padding:0 var(--space-4)}.button--md{font-size:1rem;font-size:var(--font-size-base);height:2.5rem;height:var(--button-height-base);padding:0 1.5rem;padding:0 var(--space-6)}.button--lg{font-size:1.125rem;font-size:var(--font-size-lg);height:3rem;height:var(--button-height-lg);padding:0 2rem;padding:0 var(--space-8)}.button--full-width{width:100%}.button--primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f640;color:#fff;color:var(--color-neutral-0)}.button--primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f659;transform:translateY(-1px)}.button--primary:active:not(:disabled){box-shadow:0 2px 8px #3b82f640;transform:translateY(0)}.button--secondary{background:#f5f5f5;background:var(--color-neutral-100);border:1px solid #e5e5e5;border:1px solid var(--color-border-default);color:#171717;color:var(--color-text-primary)}.button--secondary:hover:not(:disabled){background:#e5e5e5;background:var(--color-neutral-200);border-color:#d4d4d4;border-color:var(--color-border-medium);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button--secondary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.button--success{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40;color:#fff;color:var(--color-neutral-0)}.button--success:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 16px #22c55e59;transform:translateY(-1px)}.button--success:active:not(:disabled){box-shadow:0 2px 8px #22c55e40;transform:translateY(0)}.button--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440;color:#fff;color:var(--color-neutral-0)}.button--danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444459;transform:translateY(-1px)}.button--danger:active:not(:disabled){box-shadow:0 2px 8px #ef444440;transform:translateY(0)}.button--warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b40;color:#fff;color:var(--color-neutral-0)}.button--warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 16px #f59e0b59;transform:translateY(-1px)}.button--warning:active:not(:disabled){box-shadow:0 2px 8px #f59e0b40;transform:translateY(0)}.button--ghost{background:#0000;color:#171717;color:var(--color-text-primary)}.button--ghost:hover:not(:disabled){background:#f5f5f5;background:var(--color-neutral-100)}.button--ghost:active:not(:disabled){background:#e5e5e5;background:var(--color-neutral-200)}.button--outline{background:#0000;border:2px solid #2563eb;border:2px solid var(--color-secondary-600);color:#2563eb;color:var(--color-secondary-600)}.button--outline:hover:not(:disabled){background:#eff6ff;background:var(--color-secondary-50);border-color:#1d4ed8;border-color:var(--color-secondary-700);color:#1d4ed8;color:var(--color-secondary-700)}.button--outline:active:not(:disabled){background:#dbeafe;background:var(--color-secondary-100)}.button--disabled,.button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.button--loading{cursor:wait;position:relative}.button__text{display:inline-block;flex-shrink:0;overflow:visible;white-space:nowrap}.button--loading .button__text{opacity:.5}.button__spinner{animation:button-spin .6s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;display:inline-block;height:16px;width:16px}@keyframes button-spin{to{transform:rotate(1turn)}}.button__icon{align-items:center;display:inline-flex;justify-content:center}.button__icon--left{margin-right:-.5rem;margin-right:calc(var(--space-2)*-1)}.button__icon--right{margin-left:-.5rem;margin-left:calc(var(--space-2)*-1)}.button:focus-visible{box-shadow:0 0 0 3px #3b82f64d;box-shadow:var(--shadow-focus);outline:none}:root{--primary-color:var(--color-primary-500);--primary-hover:var(--color-primary-600);--secondary-color:var(--color-secondary-500);--secondary-hover:var(--color-secondary-600);--danger-color:var(--color-error);--danger-hover:var(--color-error-dark);--success-color:var(--color-success);--warning-color:var(--color-warning);--info-color:var(--color-info);--gray-100:var(--color-neutral-100);--gray-200:var(--color-neutral-200);--gray-300:var(--color-neutral-300);--gray-400:var(--color-neutral-400);--gray-500:var(--color-neutral-500);--gray-600:var(--color-neutral-600);--gray-700:var(--color-neutral-700);--gray-800:var(--color-neutral-800);--gray-900:var(--color-neutral-900);--white:var(--color-neutral-0);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl)}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-container{align-items:center;display:flex;gap:var(--space-8);justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:var(--space-4) var(--space-8)}.logo-link{align-items:center;display:inline-flex;gap:var(--space-3);text-decoration:none;transition:opacity var(--transition-base)}.logo-link:hover{opacity:.85}.admin-badge{background-color:var(--color-secondary-100);border-radius:var(--radius-full);color:var(--color-secondary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.admin-header{background:linear-gradient(135deg,var(--color-neutral-50) 0,var(--color-neutral-0) 100%);border-bottom:2px solid var(--color-secondary-200)}.nav{align-items:center;display:flex;flex:1 1;gap:var(--space-2);justify-content:center}.nav-link{border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-link:hover{background-color:var(--color-primary-50);color:var(--color-primary-600)}.nav-link.active,.nav-link:active{background-color:var(--color-primary-100);color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.nav-link-admin{background-color:var(--color-secondary-50);border:1px solid var(--color-secondary-200);color:var(--color-secondary-600);font-size:var(--font-size-xs);letter-spacing:.05em;text-transform:uppercase}.nav-link-admin:hover{background-color:var(--color-secondary-100);border-color:var(--color-secondary-300);color:var(--color-secondary-700)}.header-actions{align-items:center;display:flex;gap:var(--space-3)}.user-name{background-color:var(--color-neutral-100);border-radius:var(--radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3)}.main-content{flex:1 1;padding:0;width:100%}.main-content>:not(.home-page){padding-left:clamp(1.5rem,3vw,3rem);padding-right:clamp(1.5rem,3vw,3rem)}.main-content>.auth-page{padding:var(--space-8)}.footer{background-color:var(--color-neutral-800);background-color:var(--gray-800);color:var(--color-neutral-0);color:var(--white);margin-top:4rem;padding:2rem}.footer-container{margin:0 auto;max-width:1280px;text-align:center}.footer-powered{font-size:var(--font-size-sm);margin-top:var(--space-2);opacity:.8}.footer-powered a{color:var(--color-primary-400);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-base)}.footer-powered a:hover{color:var(--color-primary-300);text-decoration:underline}.footer-links{border-top:1px solid var(--color-neutral-600);margin-top:var(--space-3);padding-top:var(--space-3)}.footer-link{color:var(--color-neutral-300);font-size:var(--font-size-sm);opacity:.8;text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary-400);opacity:1;text-decoration:underline}.btn{align-items:center;border:none;border-radius:var(--radius-base);box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;line-height:1.5;overflow:hidden;padding:var(--space-3) var(--space-5);position:relative;text-decoration:none;transition:all var(--transition-base)}.btn:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:var(--color-neutral-900);font-weight:var(--font-weight-semibold)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%)}.btn-secondary{background-color:var(--color-neutral-100);border:1px solid var(--color-border-default);color:var(--color-neutral-700)}.btn-secondary:hover:not(:disabled){background-color:var(--color-neutral-200);border-color:var(--color-border-medium)}.btn-success{background-color:var(--color-success);color:var(--color-neutral-0)}.btn-success:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-danger{background-color:var(--color-error);color:var(--color-neutral-0)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-dark)}.btn-info:hover:not(:disabled){background-color:var(--color-info-dark)}.btn-sm{font-size:var(--font-size-xs);height:var(--button-height-sm);padding:var(--space-2) var(--space-3)}.btn-large,.btn-lg{font-size:var(--font-size-base);height:var(--button-height-lg);padding:var(--space-4) var(--space-6)}.btn-small{font-size:var(--font-size-xs);height:var(--button-height-sm);padding:var(--space-2) var(--space-3)}.btn-block{display:flex;width:100%}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:#fee2e2;border:1px solid var(--danger-color);border-radius:.375rem;color:var(--color-error);color:var(--danger-color);margin-bottom:1.5rem;padding:1rem}.error-content{align-items:center;display:flex;gap:.75rem}.error-icon{font-size:1.25rem;font-weight:700}.error-close{background:none;border:none;color:var(--color-error);color:var(--danger-color);cursor:pointer;font-size:1.5rem;margin-left:auto}.success-message{background-color:#d1fae5;border:1px solid var(--success-color);border-radius:.375rem;color:var(--color-success);color:var(--success-color);margin-bottom:1.5rem;padding:1rem}.page-header{align-items:center;border-bottom:2px solid var(--color-border-light);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding-bottom:var(--space-6);position:relative}.page-header:after{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-300));border-radius:2px;bottom:-2px;content:"";height:4px;left:0;position:absolute;width:80px}.page-header-content h1{color:var(--color-text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.015em;line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.page-header-content p{color:var(--color-text-secondary);font-size:clamp(.9375rem,1.5vw,1.0625rem);line-height:var(--line-height-relaxed);margin:0;max-width:700px}.page-header h1{color:var(--color-text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.015em}.page-header p{color:var(--color-text-secondary);font-size:clamp(.9375rem,1.5vw,1.0625rem);line-height:var(--line-height-relaxed);margin-top:var(--space-2)}.home-page{margin:0;max-width:100%;padding:0}.hero{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);border-radius:0;color:var(--color-neutral-0);color:var(--white);margin:0;overflow:hidden;padding:clamp(4rem,10vw,8rem) 2rem;position:relative;text-align:center;width:100%}.hero:before{background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 10px #0003}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.95;text-shadow:0 1px 5px #00000026}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.features{margin:4rem 0}.features h2{color:var(--color-neutral-900);color:var(--gray-900);font-size:2rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-8);position:relative;text-align:center;transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background-color:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-600);display:inline-flex;height:72px;justify-content:center;margin:0 auto var(--space-5);transition:all var(--transition-base);width:72px}.feature-card:hover .feature-icon{transform:scale(1.05)}.feature-icon-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.feature-icon-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.feature-icon-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.feature-icon-info{background-color:var(--color-info-light);color:var(--color-info-dark)}.feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.cta{background-color:var(--color-neutral-800);background-color:var(--gray-800);border-radius:.5rem;color:var(--color-neutral-0);color:var(--white);margin:4rem 0;padding:4rem 2rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.125rem;opacity:.9}.hero-badge{align-items:center;background:#fff3;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:1.5rem;padding:8px 16px}.hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:2rem 0}.hero-stat{text-align:center}.hero-stat-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hero-stat-label{font-size:.9rem;opacity:.9}.hero-note{align-items:center;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;justify-content:center;margin-top:1.5rem;opacity:.95}.section-container{margin:0 auto;max-width:1200px;padding:0 clamp(1.5rem,3vw,3rem)}.section-subtitle{color:var(--color-neutral-600);font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.6;margin-bottom:clamp(2rem,4vw,3.5rem);margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.problem-section{background:linear-gradient(180deg,#fff 0,#fef2f2);margin:0;padding:clamp(4rem,8vw,6rem) 0}.problem-section h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.problems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.problem-card{background:#fff;border-left:4px solid var(--color-error);border-radius:var(--radius-lg);padding:2rem}.problem-card h3{color:var(--color-error-dark);font-size:1.25rem;margin-bottom:1rem}.solution-section{background:linear-gradient(180deg,#eff6ff 0,#fff);padding:clamp(4rem,8vw,6rem) 0}.solution-section h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.solution-grid{grid-gap:clamp(2rem,4vw,3rem);display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:clamp(2rem,4vw,3rem)}.solution-card{background:#fff;border:2px solid #0000;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;padding:clamp(2rem,4vw,2.5rem);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.solution-card:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.solution-card:hover{border-color:var(--color-primary-200);box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.solution-card:hover:before{opacity:1}.solution-icon{align-items:center;background:var(--color-success-light);border-radius:50%;color:var(--color-success-dark);display:inline-flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.solution-card h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem;margin-bottom:1rem}.how-it-works{background:#fff;padding:clamp(4rem,8vw,6rem) 0}.how-it-works h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.step-card{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:2rem;position:relative;text-align:center;transition:all var(--transition-base)}.step-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{background:var(--color-primary-500);color:#fff;font-size:1.25rem;font-weight:700;height:40px;position:absolute;right:1rem;top:1rem;width:40px}.step-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-md);color:var(--color-primary-500);display:inline-flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.step-card h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem;margin-bottom:1rem}.testimonials{background:linear-gradient(180deg,#fff 0,#fef3c7);padding:clamp(4rem,8vw,6rem) 0}.testimonials h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.testimonials-grid{grid-gap:clamp(2rem,4vw,2.5rem);display:grid;gap:clamp(2rem,4vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:clamp(2rem,4vw,3rem)}.testimonial-card{background:#fff;border:1px solid #0000;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;padding:clamp(1.5rem,3vw,2rem);transition:all .3s cubic-bezier(.4,0,.2,1)}.testimonial-card:hover{border-color:var(--color-primary-200);box-shadow:0 12px 40px #0000001f;transform:translateY(-6px)}.testimonial-stars{display:flex;gap:4px;margin-bottom:1rem}.testimonial-text{color:var(--color-neutral-700);color:var(--gray-700);font-size:1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:1rem;padding-top:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));border-radius:50%;color:#fff;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.author-name{color:var(--color-neutral-900);color:var(--gray-900);font-weight:600;margin-bottom:.25rem}.author-title{color:var(--color-neutral-600);color:var(--gray-600);font-size:.875rem}.trust-section{background:#fff;padding:clamp(4rem,8vw,6rem) 0}.trust-section h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:clamp(2rem,4vw,3rem);text-align:center}.trust-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trust-card{background:var(--color-neutral-50);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-base)}.trust-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.trust-icon{align-items:center;background:var(--color-primary-100);border-radius:50%;color:var(--color-primary-600);display:inline-flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.trust-card h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.125rem;margin-bottom:.5rem}.faq-section{background:linear-gradient(180deg,#fff 0,#f9fafb);padding:clamp(4rem,8vw,6rem) 0}.faq-section h2{color:var(--color-neutral-900);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-align:center}.faq-list{margin:2rem auto 0;max-width:800px}.faq-item{background:#fff;border-radius:var(--radius-base);box-shadow:var(--shadow-sm);margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;background:#fff;border:none;color:var(--color-neutral-900);color:var(--gray-900);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;transition:all var(--transition-base);width:100%}.faq-question:hover{background:var(--color-neutral-50);color:var(--color-primary-600)}.faq-answer{animation:fadeIn .3s ease;color:var(--color-neutral-700);color:var(--gray-700);line-height:1.6;padding:0 1.5rem 1.5rem}.cta{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);color:#fff;margin:0;overflow:hidden;padding:clamp(4rem,8vw,6rem) 2rem;position:relative;text-align:center}.cta:before{background-image:radial-gradient(circle at 1px 1px,#ffffff14 1px,#0000 0);background-size:40px 40px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.cta-content{position:relative;z-index:1}.cta-content h2{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0003}.cta-content p{font-size:clamp(1.125rem,2vw,1.375rem);margin-bottom:2rem;opacity:.95;text-shadow:0 1px 5px #00000026}.cta-benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:2rem 0}.cta-benefits>div{align-items:center;display:flex;font-size:1rem;gap:.5rem}.btn-cta{box-shadow:0 10px 30px #0000004d;font-size:1.25rem!important;margin-top:1rem;padding:1rem 2.5rem!important}.btn-cta:hover{box-shadow:0 15px 40px #0006;transform:translateY(-2px)}.cta-note{font-size:.9rem;margin-top:1rem;opacity:.9}.calculator-section{background:linear-gradient(180deg,#f9fafb 0,#fff);padding:clamp(4rem,8vw,6rem) 0}.calculator-header{margin-bottom:clamp(3rem,5vw,4rem);text-align:center}.calculator-icon-wrapper{align-items:center;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:50%;box-shadow:0 8px 24px #1e40af4d;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.calculator-icon{color:#fff}.calculator-widget{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:0 8px 32px #0000001f;margin:0 auto;max-width:1000px;padding:clamp(2rem,4vw,3rem)}.calculator-inputs{grid-gap:clamp(2rem,4vw,3rem);border-bottom:2px solid var(--color-border-light);display:grid;gap:clamp(2rem,4vw,3rem);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;padding-bottom:3rem}.calculator-input-group{display:flex;flex-direction:column;gap:1rem}.calculator-label{align-items:center;color:var(--color-neutral-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.calculator-label svg{color:var(--color-primary-600)}.amount-display,.term-display{color:var(--color-primary-700);font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;margin:.5rem 0;text-align:center}.calculator-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-primary-200) 0,var(--color-primary-400) 50%,var(--color-primary-600) 100%);border-radius:5px;height:8px;opacity:.9;outline:none;transition:opacity .2s;width:100%}.calculator-slider:hover{opacity:1}.calculator-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-primary-600);border-radius:50%;box-shadow:0 2px 8px #1e40af66;cursor:pointer;height:24px;-webkit-transition:all .2s;transition:all .2s;width:24px}.calculator-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #1e40af99;transform:scale(1.1)}.calculator-slider::-moz-range-thumb{background:var(--color-primary-600);border:none;border-radius:50%;box-shadow:0 2px 8px #1e40af66;cursor:pointer;height:24px;-moz-transition:all .2s;transition:all .2s;width:24px}.calculator-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px #1e40af99;transform:scale(1.1)}.slider-labels{color:var(--color-neutral-500);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-top:.5rem}.calculator-results{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.result-card{background:var(--color-neutral-50);border:2px solid #0000;border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.result-card:hover{border-color:var(--color-primary-200);box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.result-card-primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;grid-column:span 2}@media (max-width:768px){.result-card-primary{grid-column:span 1}}.result-card-primary .result-label{color:#ffffffe6}.result-card-primary .result-value{color:#fff}.result-card-primary .result-icon{background:#fff3;color:#fff}.result-content{display:flex;flex-direction:column;gap:.5rem}.result-card-primary .result-content{align-items:center;display:flex;flex-direction:row;gap:1.5rem}.result-icon{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-base);color:var(--color-primary-700);display:flex;height:48px;justify-content:center;width:48px}.result-label{color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.result-value{color:var(--color-primary-700);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800}.result-value-secondary{color:var(--color-neutral-800);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.calculator-cta{border-bottom:2px solid var(--color-border-light);border-top:2px solid var(--color-border-light);margin-bottom:1.5rem;padding:2rem 0;text-align:center}.btn-calculator{box-shadow:0 8px 24px #1e40af4d!important;font-size:1.125rem!important;padding:1rem 3rem!important}.btn-calculator:hover{box-shadow:0 12px 32px #1e40af66!important;transform:translateY(-2px)}.calculator-note{align-items:center;color:var(--color-neutral-600);display:flex;font-size:var(--font-size-sm);gap:.5rem;justify-content:center;margin-top:1rem}.calculator-disclaimer{background:var(--color-neutral-50);border-left:4px solid var(--color-primary-400);border-radius:var(--radius-base);padding:1rem}.calculator-disclaimer p{color:var(--color-neutral-600);font-size:var(--font-size-xs);line-height:1.6;margin:0}.auth-page{align-items:center;background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-neutral-50) 100%);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--space-8)}.auth-container{max-width:520px;width:100%}.auth-card{background-color:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-10)}.auth-card.register-card{max-width:600px}.auth-header{margin-bottom:var(--space-8);text-align:center}.auth-card h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.auth-form{margin-top:var(--space-6)}.auth-footer{border-top:1px solid var(--color-border-light);margin-top:var(--space-8);padding-top:var(--space-6);text-align:center}.auth-divider{background-color:var(--color-border-light);height:1px;margin:var(--space-4) 0}.auth-link-text{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-2)}.auth-link-text.auth-link-secondary{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-2)}.auth-link{color:var(--color-primary-600);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-base)}.auth-link:hover{color:var(--color-primary-700);text-decoration:underline}.form-group{margin-bottom:var(--space-5)}.form-group label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.optional-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal)}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-surface);border:1.5px solid var(--color-border-default);border-radius:var(--radius-base);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);height:var(--input-height-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-base);width:100%}.form-group textarea{height:auto;min-height:100px}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:var(--color-border-medium)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:var(--color-neutral-0);border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--color-neutral-100);border-color:var(--color-border-light);cursor:not-allowed;opacity:.6}.form-group small,.form-hint{color:var(--color-text-tertiary);display:block;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:var(--space-1)}.form-group input.error,.form-group select.error,.form-group textarea.error{background-color:var(--color-error-light);border-color:var(--color-error)}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.field-error{color:var(--color-error);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-2)}.currency-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:var(--color-text-secondary);font-weight:500;left:12px;pointer-events:none;position:absolute;z-index:1}.currency-input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.5px;text-align:right}.currency-input,.currency-input:focus{padding-left:32px!important}.required{color:var(--color-error);margin-left:4px}.form-row{grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.status-badge{align-items:center;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;letter-spacing:.01em;transition:all var(--transition-base);white-space:nowrap}.status-badge-sm{font-size:var(--font-size-xs);line-height:1.2;padding:var(--space-1) var(--space-2)}.status-badge-md{font-size:var(--font-size-xs);line-height:1.3;padding:var(--space-2) var(--space-3)}.status-badge-lg{font-size:var(--font-size-sm);line-height:1.4;padding:var(--space-2) var(--space-4)}.status-badge-pending{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);color:var(--color-neutral-700)}.status-badge-submitted{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.status-badge-under_review{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.status-badge-approved,.status-badge-success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.status-badge-declined,.status-badge-error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.status-badge-disbursed{background-color:var(--color-primary-100);border:1px solid var(--color-primary-400);color:var(--color-primary-700)}.status-badge-active,.status-badge-info{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.status-badge-paid{background-color:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.status-badge-overdue,.status-badge-warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.status-badge-defaulted{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.status-badge-neutral{background-color:var(--color-neutral-100);border:1px solid var(--color-neutral-200);color:var(--color-neutral-600)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-section{border-bottom:1px solid var(--gray-200);margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none}.form-section h3{color:var(--color-neutral-900);color:var(--gray-900);margin-bottom:1rem}.form-section h4{color:var(--color-neutral-700);color:var(--gray-700);font-size:1rem;margin-bottom:1rem}.form-actions{gap:1rem;justify-content:flex-end;margin-top:2rem}.action-card,.loan-product-card,.stat-card{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);overflow:hidden}.loan-product-card{display:flex;flex-direction:column;height:100%}.card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem}.card-header h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem}.product-type{background-color:var(--color-neutral-100);background-color:var(--gray-100);border-radius:1rem;color:var(--color-neutral-700);color:var(--gray-700);font-size:.75rem;padding:.25rem .75rem}.card-body{flex:1 1;padding:1.5rem}.description{color:var(--color-neutral-600);color:var(--gray-600)}.description,.product-details{margin-bottom:1.5rem}.detail-item{border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:.5rem 0}.detail-item .label{color:var(--color-neutral-600);color:var(--gray-600);font-weight:500}.detail-item .value{color:var(--color-neutral-900);color:var(--gray-900);font-weight:600}.requirements{display:flex;flex-wrap:wrap;gap:.5rem}.requirement-badge{background-color:var(--color-info);background-color:var(--info-color);border-radius:.25rem;color:var(--color-neutral-0);color:var(--white);font-size:.75rem;font-weight:500;padding:.375rem .75rem}.card-footer{border-top:1px solid var(--gray-200);padding:1.5rem}.stats-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-8)}.stat-card{align-items:flex-start;background-color:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background-color:var(--color-neutral-100);border-radius:var(--radius-base);color:var(--color-neutral-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-content{flex:1 1}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);text-transform:capitalize}.stat-value{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.stat-value-currency{font-size:var(--font-size-2xl)}.stat-card-active .stat-icon{background-color:var(--color-primary-100);color:var(--color-primary-700)}.stat-card-success .stat-icon{background-color:var(--color-success-light);color:var(--color-success-dark)}.stat-card-warning .stat-icon{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.stat-card-info .stat-icon{background-color:var(--color-info-light);color:var(--color-info-dark)}.stat-card.highlight{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-700)}.stat-card.highlight,.stat-card.highlight .stat-label,.stat-card.highlight .stat-value{color:var(--color-neutral-0)}.stat-card.highlight .stat-icon{background-color:#fff3;color:var(--color-neutral-0)}.dashboard-section{margin-bottom:3rem}.dashboard-section h2{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.5rem;margin-bottom:1.5rem}.upcoming-payment{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.upcoming-payment h3{color:var(--color-neutral-900);color:var(--gray-900);margin-bottom:1rem}.payment-details{display:flex;flex-direction:column;gap:.75rem}.payment-item{display:flex;justify-content:space-between}.payment-item .label{color:var(--color-neutral-600);color:var(--gray-600);font-weight:500}.payment-item .value{color:var(--color-neutral-900);color:var(--gray-900);font-weight:600}.quick-actions{margin-bottom:var(--space-12);margin-top:var(--space-12)}.quick-actions h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6)}.actions-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.action-card{align-items:center;background-color:var(--color-surface);border:1.5px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--space-8);position:relative;text-align:center;text-decoration:none;transition:all var(--transition-base)}.action-card:before{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-base)}.action-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.action-card:hover:before{opacity:1}.action-card-primary{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-color:var(--color-primary-200)}.action-card-primary .action-icon{background-color:var(--color-primary-500);color:var(--color-neutral-0)}.action-card-primary:before{opacity:1}.action-icon{align-items:center;background-color:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-600);display:flex;height:64px;justify-content:center;margin-bottom:var(--space-4);transition:all var(--transition-base);width:64px}.action-card:hover .action-icon{transform:scale(1.1)}.action-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.action-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.table-container{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background-color:var(--gray-50)}.data-table td,.data-table th{border-bottom:1px solid var(--gray-200);padding:1rem;text-align:left}.data-table th{color:var(--color-neutral-700);color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table td{color:var(--color-neutral-900);color:var(--gray-900)}.data-table tbody tr:hover{background-color:var(--gray-50)}.status-badge{border-radius:1rem;font-weight:500;padding:.375rem .75rem;text-transform:capitalize}.status-success{background-color:#d1fae5;color:var(--color-success);color:var(--success-color)}.status-danger{background-color:#fee2e2;color:var(--color-error);color:var(--danger-color)}.status-warning{background-color:#fef3c7;color:#d97706}.status-info{background-color:#dbeafe;color:var(--color-info);color:var(--info-color)}.status-secondary{background-color:var(--color-neutral-200);background-color:var(--gray-200);color:var(--color-neutral-700);color:var(--gray-700)}.empty-state{background:linear-gradient(135deg,#f9fafb,#fff 50%,#f3f4f6);border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;padding:clamp(3rem,8vw,5rem) clamp(2rem,5vw,4rem);position:relative}.empty-state:before{background:radial-gradient(circle,#3b82f608 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.empty-state-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:var(--radius-full);box-shadow:0 4px 12px #3b82f626;color:var(--color-primary-500);display:flex;height:120px;justify-content:center;margin:0 auto var(--space-6);position:relative;width:120px;z-index:1}.empty-state-icon svg{opacity:.7}.empty-state h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;position:relative;z-index:1}.empty-state p{font-size:clamp(.9375rem,1.5vw,1.125rem);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);max-width:600px;position:relative;z-index:1}.empty-state .btn{box-shadow:0 4px 6px -1px #0000001a;position:relative;z-index:1}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.application-progress{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-text{color:var(--color-neutral-900);color:var(--gray-900);font-size:1rem;font-weight:600}.progress-percentage{color:var(--color-neutral-600);color:var(--gray-600);font-size:.875rem}.progress-bar-container{background-color:var(--color-neutral-200);background-color:var(--gray-200);border-radius:.25rem;height:.5rem;margin-bottom:2rem;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,var(--color-primary-500) 0,var(--color-info) 100%);background:linear-gradient(90deg,var(--primary-color) 0,var(--info-color) 100%);height:100%;transition:width .3s ease}.application-steps{align-items:flex-start;display:flex;gap:1rem;justify-content:center}.step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:200px;opacity:.5;text-align:center;transition:opacity .3s ease}.step.active,.step.completed{opacity:1}.step-number{align-items:center;background-color:var(--color-neutral-300);background-color:var(--gray-300);border:3px solid #0000;border-radius:50%;color:var(--color-neutral-700);color:var(--gray-700);display:flex;font-size:1.125rem;font-weight:600;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.step.active .step-number{background-color:var(--color-primary-500);background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;color:var(--color-neutral-0);color:var(--white)}.step.completed .step-number{background-color:var(--color-success);background-color:var(--success-color);border-color:var(--success-color);color:var(--color-neutral-0);color:var(--white)}.step-label{color:var(--color-neutral-900);color:var(--gray-900);font-size:.875rem;font-weight:600}.step-description{color:var(--color-neutral-500);color:var(--gray-500);font-size:.75rem;line-height:1.4}.step.active .step-description{color:var(--color-neutral-600);color:var(--gray-600)}.step-connector{background-color:var(--color-neutral-300);background-color:var(--gray-300);flex:1 1;height:2px;margin-top:1.5rem;position:relative}.application-form{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);padding:2rem}.selected-product{background-color:var(--gray-50);border-radius:.375rem;margin-bottom:1.5rem;padding:1.5rem}.selected-product h4{color:var(--color-neutral-900);color:var(--gray-900);margin-bottom:.5rem}.selected-product p{color:var(--color-neutral-600);color:var(--gray-600)}.calculation-details{background-color:var(--gray-50);border-radius:.375rem;padding:1.5rem}.calc-item{border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:.75rem 0}.calc-item:last-child{border-bottom:none}.calc-item.highlight{background-color:var(--color-primary-500);background-color:var(--primary-color);border-radius:.375rem;color:var(--color-neutral-0);color:var(--white);margin-top:.5rem;padding:1rem}.application-info-card,.loan-info-card,.payment-form-card{background-color:var(--color-neutral-0);background-color:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.application-info-grid,.loan-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.info-section,.info-section h3{margin-bottom:1rem}.info-section h3{border-bottom:2px solid var(--primary-color);color:var(--color-neutral-900);color:var(--gray-900);font-size:1.125rem;padding-bottom:.5rem}.info-item{display:flex;justify-content:space-between;padding:.5rem 0}.info-item .label{color:var(--color-neutral-600);color:var(--gray-600);font-weight:500}.info-item .value{color:var(--color-neutral-900);color:var(--gray-900);font-weight:600;text-align:right}.payment-schedule-section,.payments-section{margin-top:3rem}.payment-schedule-section h3,.payments-section h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem;margin-bottom:1.5rem}.filters{background:linear-gradient(180deg,#fff 0,#f9fafb);border:1px solid var(--color-border-light);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;padding:2rem;transition:box-shadow .3s ease}.filters:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:.375rem;letter-spacing:.025em;text-transform:uppercase}.filter-group input[type=date],.filter-group input[type=number],.filter-group input[type=text],.filter-group select{background-color:#fff;border:1.5px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:.9375rem;padding:.625rem 1rem;transition:all .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group input:hover,.filter-group select:hover{border-color:var(--color-primary-300)}.filter-group button{height:42px;white-space:nowrap}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.page-info{color:var(--color-neutral-700);color:var(--gray-700);font-weight:500}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem}.nav{flex-direction:column;gap:.5rem}.hero-content h1{font-size:2rem}.actions-grid,.application-info-grid,.features-grid,.form-row,.loan-info-grid,.products-grid,.stats-grid{grid-template-columns:1fr}.table-container{font-size:.875rem}.data-table td,.data-table th{padding:.75rem .5rem}.filters{padding:1.5rem 1rem}.filter-row{gap:1rem}.filter-group{flex:1 1 100%;min-width:0;min-width:auto}.page-header:after{width:60px}}@media (max-width:480px){.main-content{padding:1rem}.auth-card{padding:1.5rem}.hero{padding:2rem 1rem}.hero-content h1{font-size:1.5rem}.hero-subtitle{font-size:1rem}}.notification-center{background:var(--color-neutral-0);background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.notification-center-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.notification-center-header h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem;margin:0}.notification-actions{align-items:center;display:flex;gap:1rem}.unread-badge{background:var(--color-primary-500);background:var(--primary-color);border-radius:1rem;color:var(--color-neutral-0);color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.notifications-list{display:flex;flex-direction:column;gap:.5rem}.notification-item{align-items:flex-start;border-radius:.375rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:background-color .2s}.notification-item:hover{background-color:var(--gray-50)}.notification-item.unread{background-color:#1e40af0d}.notification-item.unread:hover{background-color:#1e40af14}.notification-icon{flex-shrink:0;font-size:1.5rem}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.notification-subject{color:var(--color-neutral-900);color:var(--gray-900);font-size:.875rem;font-weight:600}.notification-time{color:var(--color-neutral-500);color:var(--gray-500);font-size:.75rem;white-space:nowrap}.notification-message{color:var(--color-neutral-700);color:var(--gray-700);font-size:.875rem;line-height:1.5;margin:0}.unread-indicator{background-color:var(--color-primary-500);background-color:var(--primary-color);border-radius:50%;height:8px;position:absolute;right:1rem;top:1.25rem;width:8px}.empty-state{color:var(--color-neutral-500);color:var(--gray-500);padding:3rem 1rem}.payment-note{background-color:#3b82f61a;border-left:4px solid var(--info-color);border-radius:.375rem;margin-top:1.5rem;padding:1rem}.payment-note p{color:var(--color-neutral-700);color:var(--gray-700);font-size:.875rem;line-height:1.5;margin:0}.early-settlement-card{background:var(--color-neutral-0);background:var(--white);border:2px solid var(--success-color);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.early-settlement-card .card-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.early-settlement-card .card-header h3{color:var(--color-success);color:var(--success-color);margin:0}.settlement-info{display:flex;flex-direction:column;gap:1.5rem}.info-highlight{grid-gap:1rem;background:linear-gradient(135deg,#0596691a,#0596690d);border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}.highlight-item{text-align:center}.highlight-item .label{color:var(--color-neutral-600);color:var(--gray-600);display:block;font-size:.875rem;margin-bottom:.5rem}.highlight-item .value.amount-large{color:var(--color-neutral-900);color:var(--gray-900);display:block;font-size:1.75rem;font-weight:700}.highlight-item.success .value.amount-large{color:var(--color-success);color:var(--success-color)}.settlement-breakdown h4,.settlement-details h4{color:var(--color-neutral-900);color:var(--gray-900);font-size:1rem;margin-bottom:1rem}.breakdown-grid,.timeline-info{display:flex;flex-direction:column;gap:.75rem}.breakdown-item,.timeline-item{align-items:center;background-color:var(--gray-50);border-radius:.375rem;display:flex;justify-content:space-between;padding:.75rem}.breakdown-item .label,.timeline-item .label{color:var(--color-neutral-700);color:var(--gray-700);font-weight:500}.breakdown-item .value,.timeline-item .value{color:var(--color-neutral-900);color:var(--gray-900);font-weight:600}.breakdown-item .value.success{color:var(--color-success);color:var(--success-color)}.settlement-action{background:linear-gradient(135deg,#1e40af0d,#1e40af05);border-radius:.5rem;padding:1.5rem;text-align:center}.settlement-action .info-text{color:var(--color-neutral-700);color:var(--gray-700);font-size:1rem;font-weight:500;margin-bottom:1rem}.btn-info{background-color:var(--color-info);background-color:var(--info-color);color:var(--color-neutral-0);color:var(--white)}.btn-info:hover:not(:disabled){background-color:#2563eb}.btn-lg{font-size:1rem;padding:.875rem 1.5rem}.payment-history-chart{background:var(--color-neutral-0);background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.payment-history-chart h3{color:var(--color-neutral-900);color:var(--gray-900);font-size:1.25rem;margin:0 0 1.5rem}.chart-empty,.chart-loading{color:var(--color-neutral-500);color:var(--gray-500);padding:3rem 1rem;text-align:center}.chart-container{display:flex;flex-direction:column;gap:1.5rem}.chart-bars{align-items:flex-end;background:linear-gradient(180deg,#1e40af0d,#0000);border-radius:.375rem;display:flex;gap:.5rem;height:200px;justify-content:space-around;padding:1rem}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bar{background:linear-gradient(180deg,var(--color-primary-500) 0,var(--color-info) 100%);background:linear-gradient(180deg,var(--primary-color) 0,var(--info-color) 100%);border-radius:.25rem .25rem 0 0;cursor:pointer;margin-top:auto;max-width:60px;min-height:4px;position:relative;transition:all .3s ease;width:100%}.chart-bar:hover{opacity:.8;transform:translateY(-2px)}.chart-bar:hover .bar-tooltip{opacity:1;visibility:visible}.bar-tooltip{background:var(--color-neutral-900);background:var(--gray-900);border-radius:.375rem;bottom:100%;box-shadow:var(--shadow-lg);color:var(--color-neutral-0);color:var(--white);font-size:.75rem;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;transition:all .2s ease;visibility:hidden;white-space:nowrap;z-index:10}.bar-tooltip,.bar-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.bar-tooltip:after{border:5px solid #0000;border-top:5px solid var(--gray-900);content:"";top:100%}.tooltip-amount{font-weight:700;margin-bottom:.25rem}.tooltip-count{font-size:.625rem;opacity:.8}.chart-label{color:var(--color-neutral-600);color:var(--gray-600);font-size:.75rem;font-weight:500;margin-top:.5rem}.chart-summary{grid-gap:1rem;background-color:var(--gray-50);border-radius:.375rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-label{color:var(--color-neutral-700);color:var(--gray-700);font-size:.875rem}.summary-value{color:var(--color-neutral-900);color:var(--gray-900);font-size:1rem;font-weight:700}.bulk-actions-toolbar{align-items:center;background:linear-gradient(90deg,#f0f9ff 0,#e0f2fe);border:1.5px solid #bae6fd;border-radius:10px;box-shadow:0 2px 8px #38bdf81a;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem;transition:all .3s ease}.bulk-actions-toolbar:hover{box-shadow:0 4px 12px #38bdf826}.bulk-selection-info{align-items:center;display:flex;gap:.75rem}.bulk-selection-info input[type=checkbox]{accent-color:var(--color-primary-500);accent-color:var(--primary-color);border-radius:4px;cursor:pointer;height:1.25rem;transition:transform .2s ease;width:1.25rem}.bulk-selection-info input[type=checkbox]:hover{transform:scale(1.1)}.bulk-selection-info label{color:var(--color-primary-700);cursor:pointer;font-size:.9375rem;font-weight:600;margin:0}.bulk-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bulk-action-buttons .btn{box-shadow:0 2px 4px #0000001a;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease}.bulk-action-buttons .btn:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.data-table tbody tr.selected-row{background-color:#1e40af0d}.data-table tbody tr.selected-row:hover{background-color:#1e40af1a}.data-table tbody tr.draft-row{background-color:#fbbf2414;border-left:3px solid var(--warning-color)}.data-table tbody tr.draft-row:hover{background-color:#fbbf2426}.data-table tbody td input[type=checkbox]{accent-color:var(--color-primary-500);accent-color:var(--primary-color);cursor:pointer;height:1rem;width:1rem}@media (max-width:768px){.bulk-actions-toolbar{align-items:stretch;flex-direction:column}.bulk-action-buttons,.bulk-selection-info{justify-content:center}.bulk-action-buttons{flex-direction:column}.bulk-action-buttons .btn{width:100%}}.customer-flags-header{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.flag-badge{border-radius:1rem;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.flag-danger{background-color:#fee2e2;color:#991b1b}.flag-success{background-color:#d1fae5;color:#065f46}.flag-warning{background-color:#fef3c7;color:#92400e}.flag-info{background-color:#dbeafe;color:#1e40af}.flag-secondary{background-color:var(--color-neutral-200);background-color:var(--gray-200);color:var(--color-neutral-700);color:var(--gray-700)}.flags-tab,.notes-tab{padding:1.5rem}.flags-header,.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.flags-header h3,.notes-header h3{margin:0}.flag-form-card,.note-form-card{background-color:var(--color-neutral-0);background-color:var(--white);border:1px solid var(--gray-300);border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.flag-form-card h4,.note-form-card h4{color:var(--color-neutral-900);color:var(--gray-900);margin-bottom:1rem;margin-top:0}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-neutral-700);color:var(--gray-700);display:block;font-weight:600;margin-bottom:.5rem}.form-group select,.form-group textarea{border:1px solid var(--gray-300);border-radius:.375rem;font-family:inherit;font-size:.875rem;padding:.625rem;width:100%}.form-group textarea{resize:vertical}.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a;outline:none}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem}.checkbox-group input[type=checkbox]{accent-color:var(--color-primary-500);accent-color:var(--primary-color);cursor:pointer;height:1.125rem;width:1.125rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-card{background-color:var(--color-neutral-0);background-color:var(--white);border:1px solid var(--gray-300);border-left:4px solid;border-radius:.5rem;padding:1rem;position:relative}.note-general{border-left-color:var(--gray-500)}.note-warning{background-color:#fffbeb;border-left-color:#f59e0b}.note-positive{background-color:#f0fdf4;border-left-color:#10b981}.note-follow-up{background-color:#eff6ff;border-left-color:#3b82f6}.pinned-badge{background-color:#fef3c7;border-radius:.25rem;color:#92400e;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.note-type-badge{background-color:var(--color-neutral-100);background-color:var(--gray-100);border-radius:.25rem;color:var(--color-neutral-700);color:var(--gray-700);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .625rem;text-transform:capitalize}.note-meta{color:var(--color-neutral-600);color:var(--gray-600);font-size:.75rem}.note-content{color:var(--color-neutral-900);color:var(--gray-900);line-height:1.6;margin-bottom:.75rem;white-space:pre-wrap}.note-actions{display:flex;gap:.5rem}.flags-list{margin-top:1rem}.flags-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.flag-card{background-color:var(--color-neutral-0);background-color:var(--white);border:2px solid;border-radius:.5rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.flag-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.flag-card.flag-danger{background-color:#fef2f2;border-color:#dc2626}.flag-card.flag-success{background-color:#ecfdf5;border-color:#10b981}.flag-card.flag-warning{background-color:#fffbeb;border-color:#f59e0b}.flag-card.flag-info{background-color:#eff6ff;border-color:#3b82f6}.flag-card.flag-secondary{background-color:var(--gray-50);border-color:var(--gray-400)}.flag-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.flag-card-header h4{color:var(--color-neutral-900);color:var(--gray-900);font-size:1rem;margin:0;text-transform:capitalize}.flag-reason{background-color:#00000005;border-radius:.25rem;color:var(--color-neutral-700);color:var(--gray-700);font-size:.875rem;line-height:1.5;margin-bottom:.75rem;padding:.5rem}.flag-meta{color:var(--color-neutral-600);color:var(--gray-600);font-size:.75rem;font-style:italic}.flags-tab .empty-state,.notes-tab .empty-state{color:var(--color-neutral-600);color:var(--gray-600);padding:3rem 1rem;text-align:center}.flags-tab .empty-state p,.notes-tab .empty-state p{font-size:.875rem;margin:0}@media (max-width:768px){.flags-grid{grid-template-columns:1fr}.flags-header,.notes-header{align-items:stretch;flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.sla-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:700;min-width:50px;padding:.25rem .625rem;text-align:center}.sla-good{background-color:#d1fae5;color:#065f46}.sla-warning{background-color:#fef3c7;color:#92400e}.sla-overdue{animation:pulse-sla 2s ease-in-out infinite;background-color:#fee2e2;color:#991b1b}.sla-na{background-color:var(--color-neutral-200);background-color:var(--gray-200);color:var(--color-neutral-600);color:var(--gray-600)}@keyframes pulse-sla{0%,to{opacity:1}50%{opacity:.7}}.documents-page{margin:0 auto;max-width:var(--container-lg);padding:var(--space-8)}.upload-form-section{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);padding:var(--space-6)}.account-type-selector{margin-bottom:var(--space-6)}.account-type-selector label{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.radio-group{display:flex;gap:var(--space-4)}.radio-option{align-items:center;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-base)}.radio-option:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-400)}.radio-option input[type=radio]{cursor:pointer}.radio-option input[type=radio]:checked+span{color:var(--color-primary-600);font-weight:var(--font-weight-semibold)}.document-upload-container{padding:var(--space-4)}.upload-header{margin-bottom:var(--space-6)}.upload-header h3{color:var(--color-text-primary);margin-bottom:var(--space-2)}.upload-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.document-types-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.document-type-item{align-items:center;background:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-4);transition:all var(--transition-base)}.document-type-item:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.document-type-info{flex:1 1}.document-type-header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.document-type-header h4{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.required-badge{background-color:var(--color-error-light);border-radius:var(--radius-sm);color:var(--color-error);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-2);padding:2px 8px}.document-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-1) 0}.accepted-formats{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.document-upload-actions{align-items:center;display:flex;gap:var(--space-3)}.upload-button{align-items:center;background-color:var(--color-primary-500);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.upload-button:hover{background-color:var(--color-primary-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.uploaded-file-info{background:#fff;border:2px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3)}.file-details,.uploaded-file-info{align-items:center;display:flex;gap:var(--space-3)}.file-details{flex:1 1}.file-meta{display:flex;flex-direction:column;gap:var(--space-1)}.file-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.file-size{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.success-icon{color:var(--color-success)}.remove-file-button{align-items:center;background-color:var(--color-error-light);border:none;border-radius:var(--radius-md);color:var(--color-error);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.remove-file-button:hover{background-color:var(--color-error);color:#fff}.upload-actions{border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;padding-top:var(--space-4)}.documents-list-section{margin-bottom:var(--space-8)}.documents-list-section h2{color:var(--color-text-primary);margin-bottom:var(--space-6)}.documents-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.document-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);transition:all var(--transition-base)}.document-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.document-header{align-items:center;display:flex;justify-content:space-between}.document-icon{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200))}.document-status{align-items:center;display:flex}.status-icon{height:24px;width:24px}.status-icon.verified{color:var(--color-success)}.status-icon.rejected{color:var(--color-error)}.status-icon.pending{color:var(--color-warning)}.document-body{flex:1 1}.document-type{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.document-filename{margin-bottom:var(--space-3);word-break:break-word}.document-meta{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-2)}.rejection-info,.verification-info{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-size-xs);gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.verification-info{background-color:var(--color-success-light);color:var(--color-success-dark)}.rejection-info{background-color:var(--color-error-light);color:var(--color-error-dark)}.document-actions{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.document-actions .btn-sm{flex:1 1;font-size:var(--font-size-xs)}.document-requirements-section{background:var(--color-neutral-50);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-6)}.document-requirements-section h2{color:var(--color-text-primary);margin-bottom:var(--space-6)}.requirements-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.requirement-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.requirement-card h3{border-bottom:2px solid var(--color-primary-200);color:var(--color-primary-600);font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.requirement-card ul{list-style:none;margin:0;padding:0}.requirement-card li{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;padding:var(--space-2) 0;padding-left:var(--space-6);position:relative}.requirement-card li:before{color:var(--color-success);content:"✓";font-size:var(--font-size-base);font-weight:var(--font-weight-bold);left:0;position:absolute}.empty-state{background:var(--color-neutral-50);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);text-align:center}.empty-state svg{color:var(--color-neutral-400);margin-bottom:var(--space-6)}.empty-state h3{color:var(--color-text-primary);margin-bottom:var(--space-3)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:500px}@media (max-width:768px){.documents-page{padding:var(--space-4)}.documents-grid,.requirements-grid{grid-template-columns:1fr}.document-type-item{align-items:flex-start;flex-direction:column}.document-upload-actions{width:100%}.upload-button{justify-content:center;width:100%}.document-actions{flex-wrap:wrap}.document-actions .btn-sm{flex:1 1 auto;min-width:100px}}.camera-capture-modal{animation:fadeIn .3s ease;background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}.camera-capture-modal,.camera-overlay{align-items:center;display:flex;justify-content:center}.camera-overlay{height:100%;padding:var(--space-4);width:100%}.camera-container{background:var(--color-surface);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.camera-header{align-items:center;background:var(--color-neutral-50);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-6)}.camera-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.close-button:hover{background:var(--color-neutral-200)}.camera-error{background:var(--color-error-light);border-left:4px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error-dark);gap:var(--space-3);margin:var(--space-4);padding:var(--space-4)}.camera-error,.camera-view{align-items:center;display:flex}.camera-view{aspect-ratio:4/3;background:var(--color-neutral-900);justify-content:center;overflow:hidden;position:relative;width:100%}.camera-video,.captured-image{height:100%;object-fit:contain;width:100%}.document-frame-guide{height:70%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.frame-corner{border:3px solid var(--color-primary-400);height:40px;position:absolute;width:40px}.frame-corner.top-left{border-bottom:none;border-right:none;left:0;top:0}.frame-corner.top-right{border-bottom:none;border-left:none;right:0;top:0}.frame-corner.bottom-left{border-right:none;border-top:none;bottom:0;left:0}.frame-corner.bottom-right{border-left:none;border-top:none;bottom:0;right:0}.frame-instructions{background:#000000b3;border-radius:var(--radius-md);bottom:-40px;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);left:50%;padding:var(--space-2) var(--space-4);position:absolute;transform:translateX(-50%);white-space:nowrap}.camera-controls{background:var(--color-neutral-50);border-top:1px solid var(--color-border);gap:var(--space-3);justify-content:center;padding:var(--space-6)}.btn-capture,.camera-controls{align-items:center;display:flex}.btn-capture{background:var(--color-primary-500);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;flex-direction:column;gap:var(--space-2);min-width:120px;padding:var(--space-4) var(--space-6);transition:all var(--transition-base)}.btn-capture:hover{background:var(--color-primary-600);box-shadow:var(--shadow-xl);transform:scale(1.05)}.btn-icon{align-items:center;display:flex;gap:var(--space-2)}.camera-tips{background:var(--color-info-light);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.camera-tips p{color:var(--color-text-primary);font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.camera-tips ul{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin:0;padding-left:var(--space-5)}.camera-tips li{margin-bottom:var(--space-1)}@media (max-width:768px){.camera-container{border-radius:0;max-height:100vh;max-width:100%}.camera-view{aspect-ratio:3/4}.document-frame-guide{height:60%;width:90%}.camera-controls{flex-wrap:wrap;gap:var(--space-2)}.btn-capture{order:-1;width:100%}.camera-tips{display:none}}.documents-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.documents-card .card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.documents-card .card-header h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-xl);gap:var(--space-2);margin:0}.document-count{background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-700);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-3)}.documents-list{display:flex;flex-direction:column;gap:var(--space-4)}.document-item{align-items:center;background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-4);transition:all var(--transition-base)}.document-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.document-info{display:flex;flex:1 1;gap:var(--space-4)}.document-icon{align-items:center;background:var(--color-primary-100);border-radius:var(--radius-md);color:var(--color-primary-600);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.document-details{flex:1 1}.document-details h4{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-1) 0;text-transform:capitalize}.document-filename{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--space-1) 0}.document-meta{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.verification-notes{background:var(--color-warning-100);border-left:3px solid var(--color-warning-500);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2)}.document-actions{align-items:center;display:flex;gap:var(--space-2)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-success{background:var(--color-success-100);color:var(--color-success-700)}.badge-danger{background:var(--color-error-100);color:var(--color-error-700)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-700)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.document-review-modal{display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.document-review-modal .modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5)}.document-review-modal .modal-header h3{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0}.close-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-base)}.close-button:hover{background:var(--color-neutral-100);color:var(--color-text-primary)}.document-review-modal .modal-body{flex:1 1;overflow-y:auto;padding:var(--space-5)}.document-preview{margin-bottom:var(--space-5)}.document-preview h4{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--space-2) 0;text-transform:capitalize}.document-preview .document-filename{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.unsupported-preview{align-items:center;background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.unsupported-preview svg{margin-bottom:var(--space-4);opacity:.5}.verification-form{background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.empty-state{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8)}.empty-state svg{margin-bottom:var(--space-4);opacity:.5}.empty-state p{font-size:var(--font-size-base);margin:0}@media (max-width:768px){.document-item{align-items:flex-start;flex-direction:column}.document-actions{justify-content:space-between;margin-top:var(--space-3);width:100%}.document-review-modal{border-radius:0;max-height:100vh;max-width:100%}}.document-types-checklist{background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto;padding:var(--space-3)}.checkbox-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2);transition:background var(--transition-base)}.checkbox-item:hover{background:var(--color-neutral-100)}.checkbox-item input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-item span{color:var(--color-text-primary);font-size:var(--font-size-sm)}.document-requests-list{display:flex;flex-direction:column;gap:var(--space-4)}.document-request-item{background:var(--color-neutral-50);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.request-info{display:flex;flex-direction:column;gap:var(--space-3)}.request-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.requested-doc-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.doc-chip{background:var(--color-primary-100);border-radius:var(--radius-full);color:var(--color-primary-700);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:var(--space-1) var(--space-3);text-transform:capitalize}.request-message{background:var(--color-info-100);border-left:3px solid var(--color-info-500);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin:var(--space-2) 0;padding:var(--space-3)}.request-meta{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--space-4);margin-top:var(--space-2)}.request-meta span{align-items:center;display:flex}@media (max-width:768px){.document-types-checklist{max-height:300px}.request-meta{flex-direction:column;gap:var(--space-1)}}.document-thumbnail{background:var(--color-neutral-50);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.document-thumbnail.clickable:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-md);transform:translateY(-2px)}.document-thumbnail.small{height:80px;width:80px}.document-thumbnail.medium{height:120px;width:120px}.document-thumbnail.large{height:180px;width:180px}.document-thumbnail-image{height:100%;object-fit:cover;width:100%}.document-thumbnail-icon{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;width:100%}.document-thumbnail-icon.pdf{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.document-thumbnail-icon.generic{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5}.document-type-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.document-thumbnail-filename{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;color:#fff;font-size:.7rem;left:0;padding:var(--space-1) var(--space-2);position:absolute;right:0;text-align:center}.lightbox-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.lightbox-container{animation:slideUp .3s ease-out;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:95%;max-height:900px;max-width:1400px;overflow:hidden;width:95%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lightbox-header{align-items:center;background:var(--color-neutral-50);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.lightbox-title h3{color:var(--color-text-primary);font-size:1.25rem;font-weight:600;margin:0;text-transform:capitalize}.lightbox-filename{color:var(--color-text-secondary);font-size:.875rem;margin:var(--space-1) 0 0 0}.lightbox-actions{align-items:center;display:flex;gap:var(--space-2)}.lightbox-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s}.lightbox-btn:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-primary-600)}.lightbox-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-level{color:var(--color-text-secondary);font-size:.875rem;min-width:50px;text-align:center}.lightbox-content{background:var(--color-neutral-900);flex:1 1;overflow:auto;padding:var(--space-4)}.lightbox-content,.lightbox-image-container{align-items:center;display:flex;justify-content:center}.lightbox-image,.lightbox-image-container{max-height:100%;max-width:100%}.lightbox-image{object-fit:contain;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lightbox-pdf{background:#fff;border:none;height:100%;width:100%}.lightbox-unsupported{align-items:center;color:var(--color-neutral-300);display:flex;flex-direction:column;gap:var(--space-4)}.lightbox-unsupported p{font-size:1.125rem}.lightbox-footer{background:var(--color-neutral-50);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-6)}.lightbox-info{display:flex;flex-wrap:wrap;font-size:.875rem;gap:var(--space-6)}.info-item{color:var(--color-text-secondary)}.info-item strong{color:var(--color-text-primary);margin-right:var(--space-1)}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-badge.verified{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.pending{background:var(--color-warning-light);color:var(--color-warning-dark)}.selfie-capture-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.selfie-capture-modal{animation:slideUp .3s ease-out;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000080;max-width:700px;overflow:hidden;width:95%}.selfie-capture-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);color:#fff;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.selfie-capture-header h3{font-size:1.5rem;font-weight:700;margin:0}.selfie-close-btn{align-items:center;background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all .2s}.selfie-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.selfie-capture-content{background:var(--color-neutral-900);min-height:500px}.selfie-camera-container,.selfie-capture-content{align-items:center;display:flex;justify-content:center;position:relative}.selfie-camera-container{height:500px;width:100%}.selfie-video{background:var(--color-neutral-900);height:100%;object-fit:cover;width:100%}.selfie-overlay-mask{align-items:center;background:radial-gradient(ellipse 400px 520px at center,#0000 40%,#000000b3 70%);bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.face-outline{filter:drop-shadow(0 0 10px rgba(255,255,255,.5));height:250px;opacity:.9;width:200px}.selfie-countdown{animation:pulse 1s ease-in-out;color:#fff;font-size:6rem;font-weight:700;left:50%;position:absolute;text-shadow:0 4px 12px #00000080;top:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.selfie-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:var(--radius-lg);bottom:var(--space-6);left:50%;max-width:400px;padding:var(--space-4);position:absolute;transform:translateX(-50%);width:90%}.selfie-instructions p{color:#fff;font-size:1rem;font-weight:600;margin:0 0 var(--space-3) 0;text-align:center}.selfie-instructions ul{color:#ffffffe6;font-size:.875rem;list-style:none;margin:0;padding:0}.selfie-instructions li{padding:var(--space-1) 0;padding-left:var(--space-4);position:relative}.selfie-instructions li:before{color:var(--color-success);content:"✓";font-weight:700;left:0;position:absolute}.selfie-preview{align-items:center;background:var(--color-neutral-900);display:flex;height:500px;justify-content:center;width:100%}.selfie-preview img{max-height:100%;max-width:100%;object-fit:contain}.selfie-error{align-items:center;color:var(--color-error);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-8)}.selfie-error p{color:var(--color-text-primary);font-size:1rem;text-align:center}.selfie-capture-actions{background:var(--color-neutral-50);display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-6)}.selfie-capture-actions .btn{min-width:140px}.upload-button.selfie-button{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border:none;color:#fff;cursor:pointer}.upload-button.selfie-button:hover{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.lightbox-container{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.lightbox-header{padding:var(--space-3) var(--space-4)}.lightbox-title h3{font-size:1.125rem}.lightbox-footer{padding:var(--space-2) var(--space-4)}.lightbox-info{font-size:.8rem;gap:var(--space-3)}.selfie-capture-modal{border-radius:0;max-width:none;width:100%}.selfie-camera-container,.selfie-preview,.selfie-video{height:400px}.selfie-instructions{font-size:.8rem;padding:var(--space-3)}.selfie-countdown{font-size:4rem}.face-outline{height:200px;width:150px}.document-thumbnail.medium{height:100px;width:100px}}.document-item .document-icon{background:none;border-radius:0;height:auto;padding:0;width:auto}.guarantors-list{display:flex;flex-direction:column;gap:1.5rem}.guarantor-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:8px;overflow:hidden;transition:all .2s ease}.guarantor-item:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #00000014}.guarantor-info{padding:1.5rem}.guarantor-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.guarantor-header h4{align-items:center;color:var(--color-neutral-900);color:var(--gray-900);display:flex;font-size:1.125rem;font-weight:600;margin:0}.guarantor-details{display:flex;flex-direction:column;gap:.75rem}.guarantor-details .info-row{display:flex;flex-wrap:wrap;gap:2rem}.guarantor-details .info-item{align-items:center;color:var(--color-neutral-700);color:var(--gray-700);display:flex;font-size:.875rem;gap:.5rem}.guarantor-details .info-item svg{color:var(--color-neutral-500);color:var(--gray-500);flex-shrink:0}.guarantor-submission-info{background:#d1fae5;background:var(--color-success-light,#d1fae5);border-left:3px solid #10b981;border-left:3px solid var(--color-success,#10b981);border-radius:4px;margin-top:.5rem;padding:1rem}.guarantor-pending-info{background:#fef3c7;background:var(--color-warning-light,#fef3c7);border-left:3px solid #f59e0b;border-left:3px solid var(--color-warning,#f59e0b);border-radius:4px;margin-top:.5rem;padding:1rem}.guarantor-actions{align-items:center;display:flex;gap:.75rem}.badge svg{display:inline;margin-right:4px;vertical-align:middle}@media (max-width:768px){.guarantor-header{align-items:flex-start}.guarantor-details .info-row,.guarantor-header{flex-direction:column;gap:.75rem}}
/*# sourceMappingURL=main.67341d6b.css.map*/