:root{--primary-color: #3A427F;--secondary-color: #E96114;--body-bg-start: #5865ca;--body-bg-end: #3A427F;--text-primary: #1a202c;--text-secondary: #718096;--text-muted: #4a5568;--input-bg: #f7fafc;--input-border: #e2e8f0;--input-focus-bg: #fff;--input-text: #2d3748;--container-bg: white;--container-shadow: rgba(0, 0, 0, .1);--brand-bg-start: #667eea;--brand-bg-end: #764ba2;--brand-text: white;--error-color: #e53e3e}[data-theme=dark]{--text-primary: #f7fafc;--text-secondary: #a0aec0;--text-muted: #cbd5e0;--input-bg: #2d3748;--input-border: #4a5568;--input-focus-bg: #374151;--input-text: #f7fafc;--container-bg: #1a202c;--container-shadow: rgba(0, 0, 0, .3);--body-bg-start: #1a202c;--body-bg-end: #2d3748}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--body-bg-start) 0%,var(--body-bg-end) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.fi-simple-main{max-width:900px!important;width:100%!important;padding:0!important;background:transparent!important;box-shadow:none!important}.login-container{background:var(--container-bg);border-radius:20px;box-shadow:0 20px 40px var(--container-shadow);overflow:hidden;display:flex;width:100%;max-width:900px;min-height:500px;position:relative}.login-form{flex:1;padding:60px 50px;display:flex;flex-direction:column;justify-content:center;background:var(--container-bg);z-index:2}.logo{display:flex;align-items:center;margin-bottom:40px}.logo-icon{border-radius:8px;margin-right:12px;display:flex;align-items:center;justify-content:center}.logo-icon:before{content:"";width:20px;height:20px;background:#fff;border-radius:4px;transform:rotate(45deg)}.logo-text{font-size:24px;font-weight:700;color:var(--text-primary)}.welcome-text{margin-bottom:40px}.welcome-text h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.welcome-text p{color:var(--text-secondary);font-size:16px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;color:var(--input-text);font-size:14px;margin-bottom:8px}.form-input{width:100%;padding:14px 16px;border:2px solid var(--input-border);border-radius:12px;background:var(--input-bg);color:var(--input-text);font-size:16px;transition:all .3s ease}.form-input:focus{border-color:var(--primary-color);background:var(--input-focus-bg);outline:none;box-shadow:0 0 0 3px #667eea1a}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:14px}.remember-me{display:flex;align-items:center;color:var(--text-muted);cursor:pointer}.remember-me input{margin-right:8px;accent-color:var(--primary-color);width:16px;height:16px}.forgot-password{color:var(--secondary-color);text-decoration:underline;font-size:14px}.forgot-password:hover{color:var(--primary-color)}.login-button{width:100%;padding:16px;background:var(--secondary-color);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.error{color:var(--error-color);font-size:12px;margin-top:4px;display:block}.fi-fo-field-wrp-label{font-weight:600;color:var(--input-text)!important;font-size:14px;margin-bottom:8px}.fi-input-wrp{border-radius:12px!important;border:2px solid var(--input-border)!important;background:var(--input-bg)!important;transition:all .3s ease}.fi-input{padding:14px 16px!important;font-size:16px!important;background:transparent!important;color:var(--input-text)!important}.fi-input:focus{border-color:var(--primary-color)!important;background:var(--input-focus-bg)!important;box-shadow:0 0 0 3px #667eea1a}.fi-checkbox-input{accent-color:var(--primary-color)!important;width:16px;height:16px;margin-right:8px}label[for="data.remember"] span{font-size:14px;color:var(--text-muted)}.fi-btn{width:100%;padding:16px!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:#fff!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;border:none!important;transition:all .3s ease}.fi-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.brand-section{flex:1;background:linear-gradient(135deg,var(--brand-bg-start) 0%,var(--brand-bg-end) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;text-align:center;color:var(--brand-text);position:relative;overflow:hidden}.brand-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8498dd66,#323e99b3);z-index:1}.brand-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;z-index:0}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.brand-content{position:relative;z-index:2}.brand-title{font-size:36px;font-weight:700;margin-bottom:20px;color:var(--brand-text)}.brand-subtitle{font-size:18px;opacity:.9;line-height:1.6;color:var(--brand-text)}@media (max-width: 768px){.login-container{flex-direction:column;max-width:400px}.brand-section{display:none}.login-form{padding:40px 30px}.brand-title{font-size:28px}.welcome-text h1{font-size:24px}}.theme-green{--primary-color: #10b981;--secondary-color: #059669;--body-bg-start: #10b981;--body-bg-end: #059669;--brand-bg-start: #10b981;--brand-bg-end: #059669}.theme-purple{--primary-color: #8b5cf6;--secondary-color: #7c3aed;--body-bg-start: #8b5cf6;--body-bg-end: #7c3aed;--brand-bg-start: #8b5cf6;--brand-bg-end: #7c3aed}.theme-pink{--primary-color: #ec4899;--secondary-color: #db2777;--body-bg-start: #ec4899;--body-bg-end: #db2777;--brand-bg-start: #ec4899;--brand-bg-end: #db2777}.theme-orange{--primary-color: #f97316;--secondary-color: #ea580c;--body-bg-start: #f97316;--body-bg-end: #ea580c;--brand-bg-start: #f97316;--brand-bg-end: #ea580c}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:2rem 2.5rem 1.5rem;border-radius:14px;min-width:340px;max-width:94vw;box-shadow:0 8px 32px #0000002e;text-align:center;outline:none}.modal-label{display:block;font-weight:600;margin-bottom:6px;text-align:left}.modal-input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-bottom:10px;background:#f9f9f9;transition:border .2s}.modal-input:focus{border-color:#667eea;outline:none;background:#fff}.modal-btn-group{display:flex;gap:10px;justify-content:center;margin-top:10px}.modal-btn{background:linear-gradient(90deg,#667eea,#38a169);color:#fff;border:none;border-radius:6px;padding:10px 22px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.modal-btn:hover{background:linear-gradient(90deg,#38a169,#667eea)}.modal-btn-secondary{background:#e5e7eb;color:#444}.modal-btn-secondary:hover{background:#d1d5db}.success-message{color:#38a169;font-weight:700;font-size:1.1rem}.error{color:#e53e3e;font-size:.97rem;display:block;margin-bottom:8px}