@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Nunito+Sans:wght@400;500;600;700&display=swap";:root{--font-family-heading: "Nunito", sans-serif;--font-family: "Nunito Sans", sans-serif;--bg-color: #EEF5FF;--surface-color: #FFFFFF;--surface-solid: #FFFFFF;--surface-hover: #F0F6FF;--primary-color: #0B9DBF;--primary-hover: #0888A8;--primary-light: #E0F5FB;--accent-color: #F5A100;--accent-hover: #DC9100;--accent-light: #FFF8E6;--text-primary: #1A2E4A;--text-secondary: #4B6280;--text-muted: #94A3B8;--border-color: #D6E6F2;--danger-color: #E53E3E;--warning-color: #D69E2E;--success-color: #2D8653;--shadow-sm: 0 1px 4px rgba(11,157,191,.07);--shadow-md: 0 4px 14px rgba(11,157,191,.1);--shadow-lg: 0 10px 30px rgba(11,157,191,.13)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:linear-gradient(#0e2f5080,#071e379e),url(/fuel_bg.png);background-size:cover;background-position:center;background-attachment:fixed}.auth-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 30px 60px #00000073,0 0 0 1px #ffffff26;width:100%;max-width:440px;text-align:center}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);font-family:var(--font-family-heading)}.input-group input,.input-group select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-size:.95rem;font-family:var(--font-family);background-color:var(--surface-color);color:var(--text-primary);transition:all .2s}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0b9dbf26}.btn-primary{width:auto;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:#fff;border:none;border-radius:50px;font-size:1rem;font-family:var(--font-family-heading);font-weight:800;cursor:pointer;transition:all .22s;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 14px #f5a10059;letter-spacing:.3px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5a10073}.btn-secondary{padding:.6rem 1.25rem;background:var(--surface-color);color:var(--text-primary);border:2px solid var(--border-color);border-radius:50px;font-weight:700;font-family:var(--font-family-heading);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-sm);font-size:.9rem}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.btn-danger{padding:.5rem 1rem;background:#fff5f5;color:var(--danger-color);border:1.5px solid #FEB2B2;border-radius:50px;font-weight:700;font-family:var(--font-family-heading);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-size:.85rem}.btn-danger:hover{background:#fed7d7}.app-layout{display:flex;min-height:100vh}.sidebar{width:268px;min-width:268px;background:var(--surface-color);border-right:2px solid var(--border-color);display:flex;flex-direction:column;box-shadow:3px 0 20px #0b9dbf14;z-index:20;transition:width .25s ease,min-width .25s ease;overflow:hidden}.sidebar-collapsed{width:0;min-width:0;border-right:none}.sidebar-header{padding:1.5rem 1.4rem 1.2rem;border-bottom:2px solid var(--border-color);flex-shrink:0}.sidebar-brand{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.sidebar-brand-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px;background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 0 8px #f5a10080}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-en{font-family:Nunito,sans-serif;font-weight:900;font-size:1rem;color:var(--text-primary);letter-spacing:.5px;white-space:nowrap}.sidebar-brand-ar{font-family:Nunito,sans-serif;font-size:.75rem;color:var(--primary-color);font-weight:700;margin-top:2px;white-space:nowrap}.sidebar-portal-tag{font-size:.62rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2.5px;font-weight:800;font-family:Nunito,sans-serif;padding-left:20px}.sidebar-nav{flex:1;padding:1rem .85rem;list-style:none;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar-nav li a{display:flex;align-items:center;padding:.72rem 1rem;color:var(--text-secondary);text-decoration:none;font-weight:700;font-family:Nunito,sans-serif;border-radius:12px;transition:all .2s ease;gap:11px;font-size:.88rem;white-space:nowrap;position:relative}.sidebar-nav li a:hover{background:var(--primary-light);color:var(--primary-color);transform:translate(3px)}.sidebar-nav li a.active{background:linear-gradient(135deg,var(--primary-color) 0%,#0778A0 100%);color:#fff;box-shadow:0 4px 14px #0b9dbf4d}.nav-icon{display:flex;align-items:center;flex-shrink:0}.nav-label{flex:1}.nav-badge{background:#e53e3e;color:#fff;border-radius:50px;padding:1px 7px;font-size:.68rem;font-weight:800;font-family:Nunito,sans-serif;flex-shrink:0}.sidebar-alert-strip{margin:0 .85rem .5rem}.sidebar-alert-strip a{display:flex;align-items:center;gap:8px;padding:.6rem .9rem;background:#e53e3e1a;border:1.5px solid rgba(229,62,62,.3);border-radius:10px;text-decoration:none;color:#e53e3e;font-weight:800;font-family:Nunito,sans-serif;font-size:.82rem}.sidebar-footer{padding:1rem .85rem;border-top:2px solid var(--border-color);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sidebar-footer-row{display:flex;gap:6px}.sidebar-action-btn{display:flex;align-items:center;gap:8px;padding:.65rem .9rem;width:100%;background:transparent;border:1.5px solid var(--border-color);border-radius:10px;cursor:pointer;color:var(--text-secondary);font-weight:700;font-family:Nunito,sans-serif;font-size:.82rem;transition:all .2s;white-space:nowrap}.sidebar-action-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--primary-color)}.theme-toggle-btn{background:linear-gradient(135deg,var(--primary-light),var(--accent-light));border-color:var(--primary-color);color:var(--primary-color);justify-content:center;font-size:.83rem}.theme-toggle-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sidebar-logout-btn:hover{background:#e53e3e14;color:var(--danger-color);border-color:var(--danger-color)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;height:100vh;background-image:linear-gradient(#eef5ffe6,#eef5ffe6),url(/fuel_bg.png);background-size:cover;background-position:center;background-attachment:fixed}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 2rem;background:var(--surface-color);border-bottom:2px solid var(--border-color);box-shadow:0 2px 12px #0b9dbf12;position:sticky;top:0;z-index:15;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-menu-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;padding:6px;border-radius:8px;transition:all .2s}.topbar-menu-btn:hover{background:var(--primary-light);color:var(--primary-color)}.topbar-page-title{font-family:Nunito,sans-serif;font-weight:900;font-size:1.1rem;color:var(--text-primary)}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-clock{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);font-family:Nunito,sans-serif;font-weight:700;background:var(--bg-color);padding:5px 12px;border-radius:50px;border:1.5px solid var(--border-color)}.topbar-theme-pill{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:50px;cursor:pointer;font-size:.8rem;font-weight:800;font-family:Nunito,sans-serif;border:1.5px solid;transition:all .25s}.topbar-theme-pill--light{background:#fff8e6;color:var(--accent-color);border-color:#f5a10055}.topbar-theme-pill--light:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.topbar-theme-pill--dark{background:#00c2e01a;color:var(--primary-color);border-color:#00c2e04d}.topbar-theme-pill--dark:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.topbar-user-chip{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;background:var(--bg-color);border:1.5px solid var(--border-color);border-radius:50px}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:900;font-family:Nunito,sans-serif;font-size:.85rem;display:flex;align-items:center;justify-content:center}.topbar-username{font-size:.82rem;font-weight:700;font-family:Nunito,sans-serif;color:var(--text-primary)}.page-body{padding:2rem 2rem 2.5rem;flex:1}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.85rem;font-weight:900;color:var(--text-primary)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--surface-color);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);border:2px solid var(--border-color);transition:all .3s ease;border-top:4px solid var(--primary-color)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-top-color:var(--accent-color)}.stat-card-title{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-family-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.stat-card-value{font-size:3rem;font-weight:900;color:var(--primary-color);line-height:1;font-family:var(--font-family-heading)}.stat-card-link{cursor:pointer}.stat-card-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-top-color:var(--accent-color)}.stat-card-sub{font-size:.73rem;color:var(--text-muted);font-weight:700;font-family:var(--font-family-heading);margin-top:.4rem}.table-container{background:var(--surface-color);border-radius:16px;box-shadow:var(--shadow-md);overflow-x:auto;margin-bottom:2rem;border:2px solid var(--border-color)}table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}th{background:var(--bg-color);padding:1rem 1.5rem;font-size:.75rem;font-weight:800;font-family:var(--font-family-heading);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--border-color);position:sticky;top:0;z-index:1;white-space:nowrap}td{padding:1rem 1.5rem;border-bottom:1.5px solid #EEF5FF;font-size:.9rem;vertical-align:middle;color:var(--text-primary)}tr{transition:background-color .15s;background:var(--surface-color)}tr:hover td{background-color:var(--primary-light)}.table-photo{width:44px;height:44px;border-radius:10px;object-fit:cover;border:2px solid var(--border-color);box-shadow:var(--shadow-sm);background-color:var(--surface-hover)}.status-badge{display:inline-block;padding:.3rem .85rem;border-radius:50px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-family-heading)}.status-danger{background:#fff0f0;color:var(--danger-color);border:1.5px solid #FEB2B2}.status-warning{background:#fffbeb;color:var(--warning-color);border:1.5px solid #F6E05E}.status-success{background:#f0fff7;color:var(--success-color);border:1.5px solid #9AE6B4}.status-neutral{background:var(--primary-light);color:var(--primary-color);border:1.5px solid #A3D9EC}.highlight-row-danger td{background-color:#fff5f5}.highlight-row-warning td{background-color:#fffbeb}.highlight-row-danger:hover td{background-color:#fed7d7}.highlight-row-warning:hover td{background-color:#fef3c7}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1e3773;display:flex;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2rem}.modal-content{background:var(--surface-color);border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px #0003;border:2px solid var(--border-color)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:var(--bg-color)}.modal-content::-webkit-scrollbar-thumb{background:#bad4e8;border-radius:4px}.modal-header{padding:1.25rem 2rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:linear-gradient(135deg,var(--primary-color),#0778A0);z-index:10;border-radius:18px 18px 0 0}.modal-header h2{font-size:1.25rem;font-weight:800;color:#fff;margin:0}.modal-body{padding:2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-grid .full-width{grid-column:span 2}.dynamic-fields-card{background:var(--bg-color);padding:1.5rem;border-radius:12px;border:2px solid var(--border-color);margin-top:1.5rem}.dynamic-fields-card h4{margin-top:0;margin-bottom:1rem;font-size:1rem;color:var(--primary-color);font-family:var(--font-family-heading);font-weight:800}.document-item{display:flex;justify-content:space-between;align-items:center;background:var(--surface-color);padding:.9rem 1rem;border-radius:8px;border:1.5px solid var(--border-color);margin-bottom:.75rem;box-shadow:var(--shadow-sm)}.document-heading{font-weight:700;font-family:var(--font-family-heading);color:var(--text-primary);font-size:.95rem}.document-file{color:var(--primary-color);text-decoration:none;font-size:.875rem;display:flex;gap:8px;align-items:center;font-weight:600;margin-top:4px}.document-file:hover{text-decoration:underline}.id-card-view{display:flex;gap:2.5rem;background:var(--bg-color);padding:2.5rem;border-radius:16px;border:2px solid var(--border-color);margin-bottom:2rem}@media (max-width: 768px){.id-card-view{flex-direction:column;align-items:center}}.id-card-photo-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1rem;width:200px}.id-card-photo{width:180px;height:180px;border-radius:12px;overflow:hidden;border:3px solid var(--primary-color);background:var(--surface-hover);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #0b9dbf33}.id-card-photo img{width:100%;height:100%;object-fit:cover}.id-card-details{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.detail-group{display:flex;flex-direction:column}.detail-label{font-size:.7rem;color:var(--primary-color);text-transform:uppercase;font-weight:800;margin-bottom:.35rem;letter-spacing:.1em;font-family:var(--font-family-heading)}.detail-value{font-size:1rem;color:var(--text-primary);font-weight:600;font-family:var(--font-family-heading)}.dark-theme{--bg-color: #0C1A2E;--surface-color: #112240;--surface-solid: #112240;--surface-hover: #1A3255;--primary-color: #00C2E0;--primary-hover: #00AACC;--primary-light: #0C2035;--accent-color: #F5A100;--accent-hover: #DC9100;--accent-light: #1F1500;--text-primary: #E8F2FF;--text-secondary: #8BB8D8;--text-muted: #3D6080;--border-color: #1E3A5F;--shadow-sm: 0 1px 4px rgba(0,0,0,.5);--shadow-md: 0 4px 14px rgba(0,0,0,.4);--shadow-lg: 0 10px 30px rgba(0,0,0,.5)}.dark-theme .main-content{background-image:linear-gradient(#0c1a2ef5,#0c1a2ef5),url(/fuel_bg.png)}.dark-theme .auth-container{background-image:linear-gradient(#050c19b8,#050c19d1),url(/fuel_bg.png)}.dark-theme th{background:#0a1828;color:#8bb8d8;border-bottom-color:#1e3a5f}.dark-theme td{border-bottom-color:#1a3255;color:#e8f2ff}.dark-theme tr{background:#112240}.dark-theme tr:hover td{background-color:#1a3a60}.dark-theme .table-container{border-color:#1e3a5f;background:#112240}.dark-theme .highlight-row-danger td{background-color:#2a0f1a!important}.dark-theme .highlight-row-warning td{background-color:#221500!important}.dark-theme .highlight-row-danger:hover td{background-color:#3a1525!important}.dark-theme .highlight-row-warning:hover td{background-color:#2e1c00!important}.dark-theme .stat-card{border-top-color:var(--primary-color)}.dark-theme .stat-card:hover{border-top-color:var(--accent-color)}.dark-theme .document-item{background:#1a3255;border-color:#1e3a5f}.dark-theme .dynamic-fields-card,.dark-theme .id-card-view{background:#0a1828;border-color:#1e3a5f}.dark-theme .modal-content{background:#112240;border-color:#1e3a5f}.dark-theme .modal-body{background:#112240}.dark-theme .sidebar{background:#0a1525;border-right-color:#1e3a5f}.dark-theme .sidebar-header{border-bottom-color:#1e3a5f}.dark-theme .sidebar-brand-en{color:#e8f2ff}.dark-theme .sidebar-brand-ar{color:#00c2e0}.dark-theme .sidebar-nav li a{color:#8bb8d8}.dark-theme .sidebar-nav li a:hover{background:#0c2035;color:var(--primary-color)}.dark-theme .sidebar-footer{border-top-color:#1e3a5f}.dark-theme .sidebar-action-btn{border-color:#1e3a5f;color:#8bb8d8}.dark-theme .sidebar-action-btn:hover{background:#1a3255;color:#e8f2ff;border-color:#00c2e0}.dark-theme .theme-toggle-btn{background:#00c2e014;border-color:#00c2e0;color:#00c2e0}.dark-theme .theme-toggle-btn:hover{background:#00c2e0;color:#fff}.dark-theme .topbar{background:#0a1525;border-bottom-color:#1e3a5f}.dark-theme .topbar-page-title{color:#e8f2ff}.dark-theme .topbar-clock{background:#0c1a2e;border-color:#1e3a5f;color:#8bb8d8}.dark-theme .topbar-theme-pill--dark{background:#00c2e01f;color:#00c2e0;border-color:#00c2e04d}.dark-theme .topbar-user-chip{background:#0c1a2e;border-color:#1e3a5f}.dark-theme .topbar-username{color:#e8f2ff}.dark-theme .main-content{background-image:linear-gradient(#0c1a2ef5,#0c1a2ef5),url(/fuel_bg.png)}.dark-theme .input-group input,.dark-theme .input-group select{background:#0a1828;border-color:#1e3a5f;color:#e8f2ff}.dark-theme .status-danger{background:#e53e3e26;color:#fc8181;border-color:#e53e3e4d}.dark-theme .status-warning{background:#d69e2e26;color:#f6c27a;border-color:#d69e2e4d}.dark-theme .status-success{background:#2d865326;color:#68d391;border-color:#2d86534d}.dark-theme .status-neutral{background:#00c2e01f;color:#76d6e8;border-color:#00c2e040}.dark-theme .id-card-details .status-danger,.dark-theme .id-card-details .status-warning,.dark-theme .id-card-details .status-success,.dark-theme .id-card-details .status-neutral{background:transparent!important;border:none!important;padding:0!important;font-size:1rem;font-weight:600}.dark-theme .id-card-details .status-danger{color:#fc8181}.dark-theme .id-card-details .status-warning{color:#f6c27a}.dark-theme .id-card-details .status-success{color:#68d391}.login-card-enhanced{animation:loginFadeUp .45s cubic-bezier(.22,1,.36,1) both}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{margin-bottom:2rem}.login-logo-ring{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#0b9dbf22,#f5a10022);border:3px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0b9dbf26;overflow:hidden}.login-logo-ring img{width:100%;height:100%;object-fit:cover}.login-logo-fallback{width:100%;justify-content:center;font-size:2rem}.login-company-name{font-family:Nunito,sans-serif;font-weight:900;font-size:1.45rem;color:var(--text-primary);margin-bottom:.3rem;letter-spacing:-.5px}.login-company-arabic{color:var(--primary-color);font-weight:800;margin:0;font-size:1rem;font-family:Nunito,sans-serif}.login-divider-bar{height:3px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--accent-color),var(--primary-color),transparent);margin:1rem auto;border-radius:2px;width:80%}.login-portal-label{color:var(--text-secondary);font-size:.72rem;text-transform:uppercase;letter-spacing:3px;margin:0;font-weight:800;font-family:Nunito,sans-serif}.login-error-banner{display:flex;align-items:center;gap:8px;background:#fff0f0;color:var(--danger-color);border:1.5px solid #FEB2B2;border-radius:10px;padding:.7rem 1rem;font-size:.87rem;font-weight:600;margin-bottom:1.25rem;text-align:left;animation:shakeX .4s ease}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-form{text-align:left}.login-field{margin-bottom:1.25rem}.login-field label{display:block;font-size:.83rem;font-weight:700;margin-bottom:.45rem;color:var(--text-primary);font-family:Nunito,sans-serif;letter-spacing:.02em}.login-input-wrap{position:relative;display:flex;align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.login-input-wrap:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #0b9dbf24}.login-input-icon{display:flex;align-items:center;padding:0 .75rem;color:var(--text-muted);flex-shrink:0}.login-input-wrap input{flex:1;border:none;background:transparent;padding:.78rem .5rem;font-size:.95rem;font-family:Nunito Sans,sans-serif;color:var(--text-primary);outline:none}.login-input-wrap input::placeholder{color:var(--text-muted)}.login-eye-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0 .75rem;display:flex;align-items:center;transition:color .2s}.login-eye-btn:hover{color:var(--primary-color)}.login-forgot-row{text-align:right;margin:-.5rem 0 1.25rem}.login-forgot-link{background:none;border:none;cursor:pointer;color:var(--primary-color);font-size:.82rem;font-weight:700;font-family:Nunito,sans-serif;transition:color .2s;padding:0;text-decoration:underline;text-underline-offset:3px}.login-forgot-link:hover{color:var(--accent-color)}.login-submit-btn{margin-top:.5rem;width:100%}.login-spinner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-note{margin-top:1.5rem;font-size:.72rem;color:var(--text-muted);text-align:center}.fp-overlay{z-index:100}.fp-modal{background:var(--surface-color);border-radius:20px;width:100%;max-width:460px;box-shadow:0 30px 70px #0000004d,0 0 0 1px #ffffff14;animation:loginFadeUp .3s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.fp-modal-header{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.75rem;background:linear-gradient(135deg,#0b9dbf,#0778a0);color:#fff;position:relative}.fp-header-icon{width:44px;height:44px;flex-shrink:0;background:#ffffff2e;border-radius:12px;display:flex;align-items:center;justify-content:center}.fp-modal-header h2{font-size:1.15rem;font-weight:800;margin:0;color:#fff}.fp-modal-header p{font-size:.78rem;margin:.2rem 0 0;opacity:.85}.fp-close-btn{margin-left:auto;background:#ffffff2e;border:none;border-radius:8px;color:#fff;cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.fp-close-btn:hover{background:#ffffff4d}.fp-form{padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.fp-info-note{display:flex;align-items:flex-start;gap:8px;background:var(--accent-light);color:var(--accent-color);border:1.5px solid #F5A10044;border-radius:10px;padding:.7rem 1rem;font-size:.82rem;font-weight:600}.fp-field{display:flex;flex-direction:column;gap:.4rem}.fp-field label{font-size:.82rem;font-weight:700;color:var(--text-primary);font-family:Nunito,sans-serif}.fp-field input{width:100%;padding:.72rem 1rem;border:2px solid var(--border-color);border-radius:10px;font-size:.93rem;font-family:Nunito Sans,sans-serif;background:var(--bg-color);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;outline:none}.fp-field input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0b9dbf24}.fp-message{padding:.7rem 1rem;border-radius:10px;font-size:.86rem;font-weight:600}.fp-message-success{background:#f0fff7;color:var(--success-color);border:1.5px solid #9AE6B4}.fp-message-error{background:#fff0f0;color:var(--danger-color);border:1.5px solid #FEB2B2}.fp-actions{display:flex;gap:.75rem;margin-top:.25rem}.dark-theme .login-error-banner{background:#e53e3e1f;border-color:#e53e3e4d;color:#fc8181}.dark-theme .login-input-wrap{background:#0a1828;border-color:#1e3a5f}.dark-theme .login-input-wrap input{color:#e8f2ff}.dark-theme .fp-modal{background:#112240;border:1px solid #1E3A5F}.dark-theme .fp-field input{background:#0a1828;border-color:#1e3a5f;color:#e8f2ff}.dark-theme .fp-info-note{background:#f5a10014;border-color:#f5a10033}.dark-theme .fp-message-success{background:#2d86531f;border-color:#2d86534d;color:#68d391}.dark-theme .fp-message-error{background:#e53e3e1f;border-color:#e53e3e4d;color:#fc8181}.dark-theme .auth-card{background:#112240}