@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f172a;padding:16px}.auth-container{width:100%;max-width:400px}.auth-back{display:inline-flex;align-items:center;gap:6px;color:#94a3b8;text-decoration:none;font-size:13px;margin-bottom:12px;transition:color .2s}.auth-back:hover{color:#e2e8f0}.auth-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:28px 24px}@media(min-width:480px){.auth-card{padding:36px 32px}}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{height:28px;margin-bottom:12px}.auth-title{color:#f1f5f9;font-size:22px;font-weight:700;margin:0 0 4px}.auth-subtitle{color:#94a3b8;font-size:13px;margin:0}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:5px}.auth-label{color:#cbd5e1;font-size:12px;font-weight:500}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:12px;color:#64748b;pointer-events:none}.auth-input{width:100%;height:42px;padding:0 12px 0 38px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#f1f5f9;font-size:14px;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#10b981}.auth-input::-moz-placeholder{color:#475569}.auth-input::placeholder{color:#475569}.auth-eye-btn{position:absolute;right:10px;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex}.auth-eye-btn:hover{color:#94a3b8}.auth-options{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.auth-checkbox-label{display:flex;align-items:center;gap:6px;color:#94a3b8;font-size:13px;cursor:pointer}.auth-checkbox{width:14px;height:14px;accent-color:#10b981}.auth-link-small{color:#10b981;font-size:13px;font-weight:500;text-decoration:none}.auth-link-small:hover{text-decoration:underline}.auth-btn{width:100%;height:42px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}.auth-btn:hover{background:#059669}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{flex:1;height:42px;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.auth-btn-secondary:hover{border-color:#64748b;color:#e2e8f0}.auth-footer{text-align:center;margin-top:20px;color:#94a3b8;font-size:13px}.auth-link{color:#10b981;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-progress{display:flex;gap:4px;margin-bottom:20px}.auth-progress-bar{flex:1;height:3px;border-radius:2px;background:#334155;transition:background .3s}.auth-progress-bar.active{background:#10b981}.onboard-step{text-align:center}.onboard-icon{width:44px;height:44px;border-radius:8px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.onboard-title{color:#f1f5f9;font-size:18px;font-weight:700;margin:0 0 4px}.onboard-desc{color:#94a3b8;font-size:13px;margin:0 0 20px}.onboard-options-row{display:flex;gap:10px;margin-bottom:20px}.onboard-option{flex:1;padding:14px 12px;border-radius:6px;border:1px solid #334155;background:#0f172a;cursor:pointer;text-align:left;transition:all .2s}.onboard-option strong{display:block;color:#f1f5f9;font-size:13px;margin-bottom:2px}.onboard-option span{color:#64748b;font-size:11px}.onboard-option.selected{border-color:#10b981;background:#10b9810d}.onboard-option.compact{text-align:center;padding:12px}.onboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.onboard-slider-group{margin-bottom:16px;text-align:left}.onboard-slider-group strong{color:#10b981}.onboard-btns{display:flex;gap:8px;margin-top:8px}.onboard-btns .auth-btn{flex:2}.onboard-skills-section{text-align:left;margin-bottom:14px}.onboard-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.onboard-chip{padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid #334155;color:#94a3b8;background:#0f172a;transition:all .2s}.onboard-chip.weak.selected{border-color:#ef4444;background:#ef44441a;color:#fca5a5}.onboard-chip.strong.selected{border-color:#10b981;background:#10b9811a;color:#6ee7b7}@media(max-width:480px){.auth-page{padding:12px}.auth-card{padding:24px 18px}.auth-title{font-size:20px}.onboard-options-row{flex-direction:column}}.auth-divider{display:flex;align-items:center;margin:16px 0;gap:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#334155}.auth-divider span{color:#64748b;font-size:12px}.auth-google-btn{display:flex;justify-content:center;min-height:44px;transition:opacity .2s}.landing{background:#0f172a;color:#f1f5f9;min-height:100vh}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 16px;background:#0f172ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #1e293b}.landing-nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f1f5f9;font-weight:700;font-size:16px}.landing-logo img{height:24px}.landing-nav-links{display:flex;align-items:center;gap:12px}.landing-nav-link{color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:4px;transition:color .2s}.landing-nav-link:hover{color:#f1f5f9}.landing-nav-btn{background:#10b981;color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;transition:background .2s}.landing-nav-btn:hover{background:#059669}.landing-hero{padding:120px 16px 60px;text-align:center;max-width:700px;margin:0 auto}.landing-badge{display:inline-flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981;font-size:12px;font-weight:600;padding:4px 12px;border-radius:20px;margin-bottom:20px}.landing-title{font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1.2;margin:0 0 16px;color:#f1f5f9}.landing-title-accent{color:#10b981}.landing-desc{color:#94a3b8;font-size:15px;line-height:1.6;max-width:500px;margin:0 auto 28px}.landing-hero-btns{margin-bottom:40px}.landing-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#10b981;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:12px 24px;border-radius:6px;transition:background .2s}.landing-btn-primary:hover{background:#059669}.landing-hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding-top:28px;border-top:1px solid #1e293b}.landing-stat{text-align:center}.landing-stat strong{display:block;color:#f1f5f9;font-size:14px;margin-bottom:2px}.landing-stat span{color:#64748b;font-size:11px}.landing-section{padding:60px 16px;max-width:1000px;margin:0 auto}.landing-section-alt{background:#1e293b;max-width:none;border-top:1px solid #334155;border-bottom:1px solid #334155}.landing-section-alt .landing-steps{max-width:600px;margin:0 auto}.landing-section-title{text-align:center;font-size:22px;font-weight:700;margin:0 0 8px;color:#f1f5f9}.landing-section-desc{text-align:center;color:#94a3b8;font-size:14px;margin:0 0 32px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.landing-feature-card{padding:18px;border-radius:8px;border:1px solid #334155;background:#1e293b;transition:border-color .2s}.landing-feature-card:hover{border-color:#10b981}.landing-feature-icon{width:36px;height:36px;border-radius:6px;background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.landing-feature-card h3{font-size:14px;font-weight:600;margin:0 0 4px;color:#f1f5f9}.landing-feature-card p{font-size:12px;color:#94a3b8;margin:0;line-height:1.5}.landing-steps{display:flex;flex-direction:column;gap:16px;padding:0 16px}.landing-step{display:flex;align-items:flex-start;gap:14px}.landing-step-num{width:32px;height:32px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.landing-step h3{font-size:14px;font-weight:600;margin:0 0 2px;color:#f1f5f9}.landing-step p{font-size:13px;color:#94a3b8;margin:0}.landing-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:600px;margin:0 auto}@media(max-width:600px){.landing-pricing-grid{grid-template-columns:1fr}}.landing-price-card{padding:20px;border-radius:8px;border:1px solid #334155;background:#1e293b;position:relative}.landing-price-card.featured{border-color:#10b981}.landing-price-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;font-size:10px;font-weight:700;padding:2px 10px;border-radius:4px}.landing-price-card h3{font-size:15px;font-weight:600;margin:0 0 8px;color:#f1f5f9}.landing-price{font-size:24px;font-weight:800;color:#f1f5f9;margin-bottom:14px}.landing-price span{font-size:12px;font-weight:400;color:#64748b}.landing-price-card ul{list-style:none;padding:0;margin:0 0 16px}.landing-price-card li{display:flex;align-items:center;gap:6px;font-size:12px;color:#cbd5e1;margin-bottom:6px}.landing-price-card li svg{color:#10b981;flex-shrink:0}.landing-price-btn{display:block;text-align:center;padding:10px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;border:1px solid #334155;color:#f1f5f9;transition:all .2s}.landing-price-btn:hover{border-color:#10b981;color:#10b981}.landing-price-btn.primary{background:#10b981;border-color:#10b981;color:#fff}.landing-price-btn.primary:hover{background:#059669}.landing-cta{text-align:center;padding:60px 16px;border-top:1px solid #1e293b}.landing-cta h2{font-size:20px;font-weight:700;margin:0 0 8px;color:#f1f5f9}.landing-cta p{color:#94a3b8;font-size:14px;margin:0 0 20px}.landing-footer{border-top:1px solid #1e293b;padding:32px 16px 20px}.landing-footer-inner{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.landing-footer-brand strong{color:#f1f5f9;font-size:14px}.landing-footer-brand p{color:#64748b;font-size:12px;margin:2px 0 0}.landing-footer-links{display:flex;gap:16px}.landing-footer-links a{color:#94a3b8;text-decoration:none;font-size:13px}.landing-footer-links a:hover{color:#10b981}.landing-footer-bottom{text-align:center;color:#475569;font-size:11px;margin-top:20px;padding-top:16px;border-top:1px solid #1e293b}@media(max-width:640px){.landing-hero{padding:100px 16px 40px}.landing-title{font-size:26px}.landing-hero-stats{gap:16px}.landing-features-grid{grid-template-columns:1fr}.landing-section{padding:40px 16px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.sticky{position:sticky}.left-4{left:1rem}.top-1\/2{top:50%}.col-span-full{grid-column:1 / -1}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1\.5{margin-right:.375rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[350px\]{height:350px}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-5{width:1.25rem}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.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}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.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-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity))}.border-pink-200{--tw-border-opacity: 1;border-color:rgb(251 207 232 / var(--tw-border-opacity))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-rose-500{--tw-border-opacity: 1;border-color:rgb(244 63 94 / var(--tw-border-opacity))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / 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-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-widest{letter-spacing:.1em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-emerald-500\/30{--tw-shadow-color: rgb(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--primary: #3b82f6;--primary-hover: #2563eb;--secondary: #8b5cf6;--accent: #f59e0b;--bg-light: #f8fafc;--card-bg: #ffffff;--element-border: 1px solid #e2e8f0;--glass-border: rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-elevated: #263548;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--text-primary: #1f2937;--text-secondary: #64748b;--border-color: #e5e7eb}*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}#root{width:100%;min-height:100vh;background:var(--bg-primary)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #00000008;transition:all .3s ease}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite}[data-theme=dark] ::-webkit-scrollbar{width:8px}.sidebar-menu-container::-webkit-scrollbar{display:none}.sidebar-menu-container{-ms-overflow-style:none;scrollbar-width:none}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;border-radius:10px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=light] ::-webkit-scrollbar{width:8px}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ant-card{border:1px solid var(--border-color)!important;transition:all .3s ease!important}[data-theme=dark] .ant-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .ant-card .ant-card-head{border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .ant-card .ant-card-head-title,[data-theme=dark] .ant-typography,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5{color:#f1f5f9!important}[data-theme=dark] .ant-typography-secondary,[data-theme=dark] .ant-typography.ant-typography-secondary{color:#94a3b8!important}[data-theme=dark] [style*="background-color: #f8fafc"],[data-theme=dark] [style*="background-color: rgb(248, 250, 252)"],[data-theme=dark] [style*="backgroundColor: '#f8fafc'"]{background-color:#1e293b!important}[data-theme=dark] [style*="border: 1px solid #f1f5f9"],[data-theme=dark] [style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-color: #f1f5f9"]{border-color:#334155!important}[data-theme=dark] .ant-select-selector{background:#1e293b!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .ant-select-dropdown{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .ant-select-item{color:#e2e8f0!important}[data-theme=dark] .ant-select-item-option-active,[data-theme=dark] .ant-select-item-option-selected{background:#10b9811a!important}[data-theme=dark] .ant-modal-content{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .ant-modal-header{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .ant-modal-title{color:#f1f5f9!important}[data-theme=dark] .ant-modal-close-x{color:#94a3b8!important}[data-theme=dark] .ant-table{background:#1e293b!important}[data-theme=dark] .ant-table-thead>tr>th{background:#0f172a!important;color:#94a3b8!important;border-color:#334155!important}[data-theme=dark] .ant-table-tbody>tr>td{border-color:#334155!important;color:#e2e8f0!important}[data-theme=dark] .ant-table-tbody>tr:hover>td{background:#10b9810d!important}[data-theme=dark] .ant-progress-bg{background:#10b981!important}[data-theme=dark] .ant-progress-inner{background:#334155!important}[data-theme=dark] .ant-divider,[data-theme=dark] .ant-tag{border-color:#334155!important}[data-theme=dark] .ant-btn-default{background:#1e293b!important;border-color:#334155!important;color:#e2e8f0!important}[data-theme=dark] .ant-btn-default:hover{border-color:#10b981!important;color:#10b981!important}[data-theme=dark] .ant-spin-text,[data-theme=dark] .ant-empty-description{color:#94a3b8!important}[data-theme=dark] .ant-slider-rail{background:#334155!important}[data-theme=dark] .ant-slider-track{background:#10b981!important}[data-theme=dark] .ant-slider-handle:after{box-shadow:0 0 0 2px #10b981!important}[data-theme=dark] .ant-switch{background:#475569!important}[data-theme=dark] .ant-switch-checked{background:#10b981!important}[data-theme=dark] .ant-statistic-title{color:#94a3b8!important}[data-theme=dark] .ant-statistic-content{color:#f1f5f9!important}[data-theme=dark] .ant-avatar{background:#334155!important}[data-theme=dark] .ant-tooltip-inner{background:#1e293b!important;border:1px solid #334155!important}[data-theme=dark] .ant-menu{background:#0f172a!important}.ant-layout-sider{min-height:100vh!important;height:100vh!important}.ant-layout-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}[data-theme=dark] .ant-breadcrumb-link,[data-theme=dark] .ant-breadcrumb-separator{color:#94a3b8!important}[data-theme=dark] .ant-form-item-label>label{color:#cbd5e1!important}[data-theme=dark] .ant-message-notice-content{background:#1e293b!important;border:1px solid #334155!important;color:#f1f5f9!important}[data-theme=light] .ant-card{background:#fff!important;border-color:#e5e7eb!important}[data-theme=light] .ant-select-selector{background:#fff!important;border-color:#d1d5db!important}[data-theme=dark] [style*="border: 1px solid"]{border-color:#334155!important}[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="backgroundColor: '#fff'"]{background-color:#1e293b!important}[data-theme=dark] .ant-card[style]{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] [style*='backgroundColor: "#f0fdf4"'],[data-theme=dark] [style*="background-color: rgb(240, 253, 244)"]{background-color:#10b9811a!important}[data-theme=dark] [style*='backgroundColor: "#fef3c7"'],[data-theme=dark] [style*="background-color: rgb(254, 243, 199)"]{background-color:#f59e0b1a!important}[data-theme=dark] [style*='backgroundColor: "#ede9fe"'],[data-theme=dark] [style*="background-color: rgb(237, 233, 254)"]{background-color:#8b5cf61a!important}[data-theme=dark] [style*='backgroundColor: "#fce4ec"'],[data-theme=dark] [style*="background-color: rgb(252, 228, 236)"]{background-color:#e11d481a!important}[data-theme=dark] [style*='backgroundColor: "#fef2f2"'],[data-theme=dark] [style*="background-color: rgb(254, 242, 242)"]{background-color:#ef44441a!important}.ant-btn-primary.gradient-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;box-shadow:0 4px 15px #10b98133}.ant-btn-primary.gradient-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b9814d;opacity:.95}[data-theme=dark] .ant-input::-moz-placeholder,[data-theme=dark] .ant-input-password input::-moz-placeholder{color:#64748b!important}[data-theme=dark] .ant-input::placeholder,[data-theme=dark] .ant-input-password input::placeholder,[data-theme=dark] .ant-select-selection-placeholder{color:#64748b!important}[data-theme=dark] .ant-input-affix-wrapper{background-color:#0f172a!important;border:1px solid #334155!important}[data-theme=dark] .ant-input-affix-wrapper input{color:#e2e8f0!important;background-color:transparent!important}[data-theme=dark] .ant-input{color:#e2e8f0!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=light] .ant-input::-moz-placeholder,[data-theme=light] .ant-input-password input::-moz-placeholder{color:#94a3b8!important}[data-theme=light] .ant-input::placeholder,[data-theme=light] .ant-input-password input::placeholder,[data-theme=light] .ant-select-selection-placeholder{color:#94a3b8!important}[data-theme=light] .ant-input-affix-wrapper{background-color:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] .ant-input-affix-wrapper input{color:#1f2937!important;background-color:transparent!important}[data-theme=light] .ant-input{color:#1f2937!important;background-color:#fff!important;border-color:#d1d5db!important}.ant-input-affix-wrapper:hover,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-input:hover,.ant-input:focus{border-color:#10b981!important;box-shadow:0 0 0 2px #10b9811a!important}[data-theme=dark] .ant-checkbox-inner{background-color:#0f172a!important;border-color:#334155!important}[data-theme=light] .ant-checkbox-inner{background-color:#fff!important;border-color:#d1d5db!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:#10b981!important;border-color:#10b981!important}.ant-form-item-explain-error{color:#ef4444!important;font-size:12px!important}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:flex!important;align-items:center;justify-content:center}.mobile-center{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}.mobile-center p{margin-left:auto!important;margin-right:auto!important}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.pointer-events-none{pointer-events:none}.z-10{z-index:10}.h-full{height:100%}.w-full{width:100%}@media(max-width:768px){body{font-size:14px}.ant-input,.ant-input-password,.ant-input-affix-wrapper{font-size:16px!important}.ant-btn{font-size:15px!important}.ant-form-item{margin-bottom:16px!important}.ant-card{border-radius:16px!important}}.ant-input,.ant-input-affix-wrapper,.ant-btn,.ant-card,body,#root{transition:all .3s ease!important}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.animate-shake{animation:shake .5s ease-in-out}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-600:hover{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.hover\:border-purple-500:hover{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.hover\:border-slate-900:hover{--tw-border-opacity: 1;border-color:rgb(15 23 42 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-emerald-600:hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity))}.hover\:bg-rose-600:hover{--tw-bg-opacity: 1;background-color:rgb(225 29 72 / var(--tw-bg-opacity))}.hover\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.focus\:border-blue-600:focus{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity))}.focus\:border-emerald-500:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:shadow-none:disabled{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.dark\:border-blue-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity))}.dark\:border-emerald-400:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity))}.dark\:border-emerald-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(6 95 70 / var(--tw-border-opacity))}.dark\:border-green-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity))}.dark\:border-indigo-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(55 48 163 / var(--tw-border-opacity))}.dark\:border-pink-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(157 23 77 / var(--tw-border-opacity))}.dark\:border-purple-400:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity))}.dark\:border-purple-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(107 33 168 / var(--tw-border-opacity))}.dark\:border-slate-700:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity))}.dark\:border-slate-800:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity))}.dark\:bg-blue-900\/30:is([data-theme=dark] *){background-color:#1e3a8a4d}.dark\:bg-emerald-900\/20:is([data-theme=dark] *){background-color:#064e3b33}.dark\:bg-emerald-900\/30:is([data-theme=dark] *){background-color:#064e3b4d}.dark\:bg-green-900\/30:is([data-theme=dark] *){background-color:#14532d4d}.dark\:bg-indigo-900\/30:is([data-theme=dark] *){background-color:#312e814d}.dark\:bg-pink-900\/30:is([data-theme=dark] *){background-color:#8318434d}.dark\:bg-purple-900\/30:is([data-theme=dark] *){background-color:#581c874d}.dark\:bg-rose-900\/20:is([data-theme=dark] *){background-color:#88133733}.dark\:bg-slate-800:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity))}.dark\:bg-slate-900:is([data-theme=dark] *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.dark\:text-blue-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.dark\:text-emerald-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity))}.dark\:text-green-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.dark\:text-indigo-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity))}.dark\:text-pink-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.dark\:text-purple-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.dark\:text-rose-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity))}.dark\:text-slate-300:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity))}.dark\:text-slate-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.dark\:text-white:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:border-blue-500:hover:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.dark\:hover\:border-purple-400:hover:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity))}.dark\:hover\:border-white:hover:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.dark\:hover\:text-white:hover:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:focus\:border-emerald-400:focus:is([data-theme=dark] *){--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity))}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media(min-width:768px){.md\:flex{display:flex}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.recording-indicator{position:relative;display:inline-block}.recording-indicator:before,.recording-indicator:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#ef44444d;transform:translate(-50%,-50%);animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}.recording-indicator:after{animation-delay:.75s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen,.start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;position:fixed;top:0;left:0;width:100%;z-index:9999}.loading-content,.start-content{text-align:center;background:#fff;padding:60px 80px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.spinner{border:4px solid #e0e0e0;border-left-color:#4a90e2;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{font-size:1.3rem;color:#333;margin-bottom:10px;font-weight:600}.loading-subtitle{font-size:1rem;color:#666}.start-button{padding:14px 40px;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.start-button:hover{background:#357abd}.reading-container{min-height:100vh;background:#f5f5f5;position:relative}.watermark{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:120px;font-weight:900;color:#00000005;letter-spacing:10px;pointer-events:none;z-index:0;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.container{display:flex;flex-direction:column;height:100vh;position:relative;z-index:1;background:#fff}.header{background:#fff;color:#333;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e0e0e0;min-height:60px;gap:16px}.header-left{display:flex;align-items:center;gap:10px}.header-logo{font-size:1.3rem;color:#4a90e2}.header-title{font-size:1.1rem;font-weight:700;color:#333;letter-spacing:.3px}.timer{background:#fff3cd;padding:8px 20px;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700;color:#856404;border:1px solid #ffeaa7;min-width:110px;justify-content:center}.timer i{font-size:1.1rem}.timer.warning{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.header-right{display:flex;align-items:center;gap:10px}.telegram-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:#4a90e2;border:1px solid #4a90e2;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.telegram-btn:hover{background:#4a90e2;color:#fff}.icon-btn{width:38px;height:38px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#f5f5f5;border-color:#999}.menu-btn{width:38px;height:38px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px}.menu-btn span{width:18px;height:2px;background:#666;border-radius:2px}.menu-btn:hover{background:#f5f5f5;border-color:#999}.main-content{display:flex;flex:1;overflow:hidden;background:#fff}.passage-section{flex:1;padding:24px 32px;overflow-y:auto;background:#fff;border-right:1px solid #e0e0e0}.passage-section::-webkit-scrollbar{width:10px}.passage-section::-webkit-scrollbar-track{background:#f5f5f5}.passage-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.passage-section::-webkit-scrollbar-thumb:hover{background:#999}.section-title{font-size:1.4rem;font-weight:700;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #333;letter-spacing:.5px}.passage-content{max-width:900px;line-height:1.7;color:#333}.passage-content h3{font-size:1.3rem;font-weight:700;color:#333;margin:20px 0 16px}.passage-content p{margin-bottom:16px;text-align:justify;font-size:1rem;line-height:1.7;color:#333}.passage-content strong{font-weight:700;color:#000}.resizer{width:5px;background:#e0e0e0;cursor:col-resize;position:relative;transition:background .2s}.resizer:hover{background:#ccc}.resizer:before{content:"⋮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:60px;background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;font-weight:700;box-shadow:0 1px 3px #0000001a}.questions-section{width:45%;padding:24px 32px;overflow-y:auto;background:#fafafa}.questions-section::-webkit-scrollbar{width:10px}.questions-section::-webkit-scrollbar-track{background:#f5f5f5}.questions-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.question-group{background:#fff;padding:20px;border-radius:4px;margin-bottom:24px;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000d}.question-group-title{font-weight:700;margin-bottom:14px;color:#333;font-size:1.1rem;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.question-group p{margin-bottom:14px;line-height:1.6;color:#555;font-size:.95rem}.question{margin-bottom:20px;padding:16px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;transition:all .2s}.question:hover{box-shadow:0 2px 6px #00000014;border-color:#4a90e2}.question-text{font-weight:600;margin-bottom:12px;color:#333;font-size:.95rem;line-height:1.5}.options{display:flex;flex-direction:column;gap:8px}.option-label{display:flex;align-items:center;padding:10px 14px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s;background:#fff;font-size:.9rem}.option-label:hover{background:#f5f5f5;border-color:#4a90e2}.option-label input{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#4a90e2}.option-label input:checked{accent-color:#4a90e2}.option-label:has(input:checked){background:#e3f2fd;border-color:#4a90e2;font-weight:600}.input-field{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-weight:600;transition:all .2s;background:#fff}.input-field:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.inline-input{display:inline-block;min-width:120px;margin:0 6px;vertical-align:baseline}.drop-zone{display:inline-flex;align-items:center;justify-content:center;min-width:100px;padding:6px 14px;border:2px dashed #4a90e2;border-radius:6px;background:#e8f4fd;margin:0 6px;font-weight:700;color:#4a90e2;cursor:pointer;transition:all .2s}.drop-zone:hover{background:#d0e8fa;border-color:#357abd}.drop-zone.filled{border-style:solid;background:#d4edda;border-color:#28a745;color:#155724}.draggable-bank{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:2px solid #e0e0e0}.draggable-bank h4{font-size:.95rem;font-weight:700;color:#333;margin-bottom:12px}.draggable-items{display:flex;flex-wrap:wrap;gap:10px}.draggable-item{padding:8px 14px;background:#fff;border:2px solid #4a90e2;border-radius:8px;cursor:grab;font-size:.9rem;color:#333;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-item:hover{background:#e8f4fd;transform:translateY(-2px);box-shadow:0 2px 8px #4a90e233}.draggable-item:active{cursor:grabbing;transform:scale(.98)}.draggable-item strong{color:#4a90e2;margin-right:6px}.footer{background:#fff;padding:12px 24px;border-top:1px solid #e0e0e0;box-shadow:0 -1px 3px #0000000d}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.passage-tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;background:#fff;color:#666;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center;font-size:.9rem}.tab-btn:hover{background:#f5f5f5;border-color:#999}.tab-btn.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.question-numbers{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.question-num{width:32px;height:32px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.question-num:hover{background:#f5f5f5;border-color:#999}.question-num.active{background:#4a90e2;color:#fff;border-color:#4a90e2}.question-num.answered{background:#e8f5e9;border-color:#4caf50;color:#2e7d32}.footer-buttons{display:flex;gap:10px}.nav-btn{padding:8px 20px;background:#fff;color:#666;border:1px solid #ddd;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem}.nav-btn:hover{background:#f5f5f5;border-color:#999}.submit-btn{padding:8px 24px;background:#4caf50;color:#fff;border:1px solid #4caf50;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.95rem}.submit-btn:hover{background:#45a049;border-color:#45a049}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:40px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0003;text-align:center}.modal-content h2{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#333}.score-display{font-size:4rem;font-weight:900;margin:20px 0;color:#4a90e2}.score-breakdown{margin:24px 0;background:#f5f5f5;padding:20px;border-radius:4px;text-align:left}.score-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e0e0e0;font-size:1rem;font-weight:600;color:#333}.score-item:last-child{border-bottom:none}.score-item span:last-child{color:#4a90e2;font-weight:700}.modal-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.btn-close{padding:10px 28px;background:#666;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close:hover{background:#555}@media(max-width:1024px){.questions-section{width:50%}}@media(max-width:768px){.main-content{flex-direction:column}.passage-section,.questions-section{width:100%;padding:20px}.questions-section{border-right:none;border-top:1px solid #e0e0e0}.resizer{width:100%;height:5px;cursor:row-resize}.resizer:before{content:"⋯";width:60px;height:24px}.header{flex-wrap:wrap;padding:10px 16px}.telegram-btn span{display:none}.footer-content{flex-direction:column}.passage-tabs{width:100%;justify-content:center}.question-numbers{justify-content:center}}@media(max-width:480px){.header{padding:8px 12px}.header-title{font-size:.95rem}.timer{font-size:.95rem;padding:6px 14px}.passage-section,.questions-section{padding:16px}.section-title{font-size:1.2rem}.question{padding:12px}.tab-btn{min-width:100px;padding:8px 12px;font-size:.85rem}.submit-btn{padding:8px 20px;font-size:.9rem}.score-display{font-size:3rem}.modal-content{padding:30px 20px}}