@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";:root{--font-family: "Poppins", sans-serif;--font-size-small: 13px;--font-size-extrasmall: 12px;--font-size-medium: 14px;--icon-size: 18px;--primary-color: #1E40AF;--primary-light: #3B82F6;--supporting-blue: #3B82F6;--supporting-purple: #6366F1;--supporting-coral: #10B981;--sidebar-bg: #F8FAFC;--sidebar-active-bg: #1E40AF;--content-bg: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--text-white: #FFFFFF;--text-dark: #1F2937;--hover-bg: #EFF6FF;--active-bg: #3B82F6;--input-border: #E5E7EB;--input-focus-border: var(--primary-color);--input-focus-shadow: rgba(30, 64, 175, .1);--button-hover: #1E3A8A;--legacy-blue: #1e3a8a;--legacy-dark-blue: #002f65;--status-bar-bg: #10B981;--header-bg: #1E40AF;--header-text: #FFFFFF;--header-border: rgba(255, 255, 255, .1)}body{font-family:var(--font-family);margin:0;padding:0}.top-status-bar{height:24px;background:var(--status-bar-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;color:#fff;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.top-status-bar .left,.top-status-bar .right{display:flex;align-items:center;gap:20px}.top-status-bar .status-item{display:flex;align-items:center;gap:6px;opacity:.9}.top-header{height:60px;background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #0000001a;border-bottom:1px solid var(--header-border)}.top-header .left,.top-header .right{display:flex;align-items:center;gap:20px}.top-header .action-button{background:#ffffff1a;border:1px solid var(--header-border);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.top-header .action-button:hover{background:#fff3;border-color:#ffffff4d}.top-header .campus-selector{background:#ffffff26;border:1px solid var(--header-border);border-radius:6px;padding:8px 16px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:140px}.top-header .campus-selector:hover{background:#ffffff40}.app{display:flex;flex-direction:column}.main-content{display:flex;margin-top:60px}.content-area{padding:20px;width:100%;min-height:calc(100vh - 80px);margin-left:50px;transition:margin-left .3s ease}.breadcrumbs{padding:10px 30px;margin:20px auto 20px 260px;font-size:12px;color:var(--text-primary);border:1px solid #E5E5E5;border-radius:5px;background-color:var(--content-bg);width:100%;max-width:1000px;box-sizing:border-box;transition:margin-left .3s ease}.admit-student .breadcrumbs{width:80%;margin-left:260px;margin-right:auto}.admission-requests .breadcrumbs{width:79%}.dashboard .breadcrumbs{width:75%;margin-left:200px}.student-promotion .breadcrumbs{margin-left:200px}.student-information .breadcrumbs,.staff-management .breadcrumbs{width:75%;margin-left:200px}.manage-classes .breadcrumbs{width:85%;margin-left:220px}.manage-sections .breadcrumbs{width:100%;margin-left:200px}.manage-subjects .breadcrumbs,.add-timetable .breadcrumbs,.manage-timetable .breadcrumbs{width:85%;margin-left:200px}.fee-payment .breadcrumbs{width:72%;margin-left:220px}.generate-monthly-fee .breadcrumbs,.paid-unpaid-invoices .breadcrumbs,.generate-custom-fee .breadcrumbs,.fee-types .breadcrumbs,.family-credit-system .breadcrumbs{width:75%;margin-left:200px}.expense-management .breadcrumbs{width:100%;margin-left:200px}.admin-roles-management .breadcrumbs,.general-settings .breadcrumbs{width:85%;margin-left:200px}.admit-bulk-student .breadcrumbs{margin-left:200px;padding:10px 30px;box-sizing:border-box;display:block;width:75%}.print-student-cards .breadcrumbs{margin-left:200px}.print-staff-cards .breadcrumbs,.print-fee-vouchers .breadcrumbs{margin-left:200px;width:75%}.fee-collection .breadcrumbs{margin-left:220px;width:72%}.id-card-settings .breadcrumbs{margin-left:200px;width:75%}.payment-settings .breadcrumbs,.general-settings .breadcrumbs{margin-left:200px}.breadcrumbs a{text-decoration:none;color:var(--primary-color);margin-right:5px}.breadcrumbs span{margin-right:5px;color:var(--text-secondary)}.footer{border-radius:0 0 12px 12px}.admit-student .content-area{margin-left:0}.change-password-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.change-password-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.change-password-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e5e7eb}.change-password-title{display:flex;align-items:center;gap:12px}.change-password-icon{font-size:24px;color:#6366f1}.change-password-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.change-password-close-btn{background:none;border:none;cursor:pointer;font-size:20px;color:#6b7280;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.change-password-close-btn:hover{background:#f3f4f6;color:#111827}.change-password-form{padding:24px}.change-password-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px}.change-password-success{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;margin-bottom:20px}.change-password-success svg{font-size:18px}.change-password-field{margin-bottom:20px}.change-password-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.change-password-input-wrapper{position:relative;display:flex;align-items:center}.change-password-input-wrapper input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;transition:all .2s ease;background:#fff}.change-password-input-wrapper input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.change-password-input-wrapper input.error{border-color:#ef4444}.change-password-input-wrapper input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.change-password-input-wrapper input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.change-password-input-wrapper input::placeholder{color:#9ca3af}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle-btn:hover{color:#111827}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.field-error{display:block;font-size:12px;color:#ef4444;margin-top:6px}.change-password-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb}.change-password-cancel-btn,.change-password-submit-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.change-password-cancel-btn{background:#f3f4f6;color:#374151}.change-password-cancel-btn:hover:not(:disabled){background:#e5e7eb}.change-password-submit-btn{background:#6366f1;color:#fff}.change-password-submit-btn:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.change-password-submit-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.change-password-submit-btn:disabled:hover{box-shadow:none}@media (max-width: 640px){.change-password-modal{width:95%;margin:20px}.change-password-header,.change-password-form{padding:20px}.change-password-actions{flex-direction:column-reverse}.change-password-cancel-btn,.change-password-submit-btn{width:100%}}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;border-top:none;background-color:var(--sidebar-bg);color:var(--text-primary);overflow-y:auto;padding:0;margin:0;border-right:1px solid rgba(255,255,255,.1);box-shadow:2px 0 10px #0000001a;transition:width .3s ease;z-index:100}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:60px 12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--sidebar-bg);position:relative}.logo-link{text-decoration:none;color:inherit;display:flex;width:100%;transition:opacity .2s ease}.logo-link:hover{opacity:.8}.logo{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-primary);justify-content:center;width:100%;cursor:pointer}.logo-container{display:flex;justify-content:center;align-items:center}.logo-icon{font-size:48px;opacity:.9;flex-shrink:0}.logo-image{width:100px;height:100px;object-fit:contain;flex-shrink:0}.logo-text{font-size:14px;font-weight:600;letter-spacing:.3px;line-height:1.2;word-break:break-word;overflow:visible;text-overflow:initial;white-space:normal;text-align:center;max-width:100%}.sidebar-search-container{background-color:#3b82f61a;padding:12px;border-bottom:1px solid rgba(59,130,246,.2)}.sidebar-search-box{display:flex;align-items:center;background-color:#3b82f614;padding:8px 12px;border-radius:8px;width:100%;border:1px solid rgba(59,130,246,.3);transition:all .3s ease;box-sizing:border-box}.sidebar-search-box:focus-within{background-color:#3b82f61f;border-color:var(--supporting-blue);box-shadow:0 0 0 3px #3b82f626}.sidebar-search-icon{color:var(--text-secondary);margin-right:8px;font-size:14px;opacity:.8}.sidebar-search-bar{background:none;border:none;color:var(--text-primary);outline:none;font-size:13px;width:100%;font-weight:500}.sidebar-search-bar::placeholder{color:var(--text-secondary);font-weight:400}.menu{list-style:none;padding:8px 0;margin:0}.menu>li{padding:0}.menu-item{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:var(--text-primary);padding:12px 16px;transition:all .3s ease;font-size:var(--font-size-small);border-radius:0;margin:0;position:relative;font-weight:500;min-height:48px;box-sizing:border-box}.menu-item>*:first-child{flex-shrink:0;width:18px;text-align:center}.menu-item>span:not(.arrow){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item:hover{background:var(--hover-bg);color:var(--text-primary);padding-left:20px}.menu-item.active{background:var(--active-bg);color:var(--text-white);box-shadow:0 2px 8px #1e40af4d;font-weight:600}.arrow{font-size:12px;transition:all .3s ease;margin-left:auto;opacity:.7;min-width:16px;text-align:center;flex-shrink:0}.arrow.open{transform:rotate(90deg);opacity:1}.submenu{list-style:none;padding:0;display:none;background:var(--sidebar-bg);border-radius:0;box-shadow:inset 0 2px 4px #0000000d;overflow:hidden;transform:translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease;font-size:var(--font-size-extrasmall);margin:0;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.submenu.open{display:block;transform:translateY(0);opacity:1}.submenu li{padding:0;border-bottom:1px solid rgba(255,255,255,.03)}.submenu li:last-child{border-bottom:none}.submenu li a{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 48px;text-decoration:none;font-size:var(--font-size-extrasmall);color:var(--text-primary);position:relative;transition:all .3s ease;min-height:40px;font-weight:400}.submenu li a:before{content:"➜";font-size:10px;color:var(--text-secondary);opacity:.6;margin-right:4px}.submenu li a:hover{background:var(--hover-bg);color:var(--text-primary);padding-left:52px}.submenu li a.active{background:var(--active-bg);color:var(--text-white);box-shadow:0 2px 8px #1e40af4d;font-weight:500}.important-links{margin-top:20px;padding:0 16px 16px}.important-links-title{font-size:11px;font-weight:600;color:var(--text-secondary);padding:12px 16px;background-color:#00000026;height:auto;border-radius:8px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.important-links ul{list-style:none;padding:0;margin:0}.important-links ul li{padding:0;margin-bottom:4px}.important-links ul li a{text-decoration:none;display:flex;align-items:center;gap:12px;color:var(--text-primary);padding:10px 16px;border-radius:8px;transition:all .3s ease;font-size:var(--font-size-extrasmall);font-weight:500;min-height:40px}.important-links ul li a:hover{color:var(--text-primary);background:var(--hover-bg);padding-left:20px}.menu-item svg{width:18px;height:18px;margin-right:0;vertical-align:middle;opacity:.9}.menu-icon{font-size:var(--icon-size);opacity:.9}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease;z-index:1000;position:fixed;top:0;left:0;width:240px!important}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#0006;z-index:999;display:none}.sidebar-backdrop.active{display:block}.hamburger{position:fixed;top:15px;left:15px;z-index:1100;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.content-area{margin-left:0!important}.breadcrumbs,.admit-student .breadcrumbs,.admit-bulk-student .breadcrumbs{margin-left:20px!important}}.modern-topbar{position:fixed;top:0;left:0;right:0;height:50px;background-color:var(--sidebar-bg);border-bottom:1px solid var(--input-border);box-shadow:0 2px 8px #0000000d;z-index:1000}.topbar-content{display:flex;align-items:center;height:100%;padding:0;max-width:100%;background-color:var(--sidebar-bg)}.topbar-left-empty{width:240px;flex-shrink:0;height:100%;background-color:var(--active-bg)}.topbar-divider{width:1px;height:100%;background-color:var(--input-border);flex-shrink:0}.topbar-content-area{display:flex;align-items:center;justify-content:space-between;flex:1;height:100%;padding-left:0;padding-right:16px;gap:12px;background-color:var(--sidebar-bg)}.topbar-left{display:flex;align-items:stretch;flex:0 0 auto;min-width:320px;height:100%}.global-search-form{position:relative;display:flex;align-items:center;background:var(--content-bg);border:1px solid var(--input-border);border-radius:0;padding:0;width:100%;max-width:320px;height:50px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a;box-sizing:border-box;overflow:hidden}.global-search-form:focus-within{border-color:var(--input-focus-border);box-shadow:0 2px 6px var(--input-focus-shadow)}.global-search-input{border:none;outline:none;background:transparent;color:var(--text-dark);font-size:var(--font-size-medium);flex:1;padding:0 12px;font-weight:400;height:100%;box-sizing:border-box}.global-search-input:focus{border:none;outline:none;box-shadow:none}.global-search-input::placeholder{color:var(--text-secondary);font-weight:400}.global-search-submit-btn{background-color:var(--supporting-coral);border:none;outline:none;color:var(--text-white);width:40px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;font-size:16px;flex-shrink:0;padding:0}.global-search-submit-btn:hover{background-color:var(--active-bg)}.global-search-submit-btn:active{background-color:var(--supporting-coral);opacity:.9}.topbar-center{display:flex;align-items:center;flex:1;justify-content:center;min-width:0}.topbar-right{display:flex;align-items:center;gap:16px;flex:0 0 auto}.topbar-campus-dropdown{position:relative}.topbar-campus-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background-color:var(--content-bg);border:1px solid var(--input-border);border-radius:8px;font-size:var(--font-size-small);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Poppins,sans-serif}.topbar-campus-btn:hover{background-color:#f9fafb;border-color:var(--primary-color);box-shadow:0 2px 4px #0000000d}.topbar-campus-btn:active{transform:translateY(1px)}.campus-icon{font-size:16px;flex-shrink:0}.campus-label-text{font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis}.campus-arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0}.campus-arrow.open{transform:rotate(180deg)}.topbar-campus-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--content-bg);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;min-width:200px;max-width:250px;overflow:hidden;margin-top:4px}.topbar-campus-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,sans-serif;font-size:var(--font-size-small);color:var(--text-primary)}.topbar-campus-option:hover{background-color:#6b442314}.topbar-campus-option.active{background-color:#6b44231f;font-weight:600}.campus-option-name{flex:1}.campus-option-check{color:var(--primary-color);font-weight:700;font-size:14px;margin-left:8px}.topbar-user-dropdown{position:relative}.topbar-user-info-btn{display:flex;align-items:center;gap:10px;padding:4px 12px;background-color:var(--content-bg);border:1px solid var(--input-border);border-radius:8px;transition:all .2s ease;cursor:pointer;font-family:Poppins,sans-serif;width:100%}.topbar-user-info-btn:hover{background-color:#f9fafb;border-color:var(--primary-color)}.user-arrow{font-size:10px;color:var(--text-secondary);transition:transform .2s ease;flex-shrink:0;margin-left:auto}.user-arrow.open{transform:rotate(180deg)}.user-avatar-container{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--supporting-purple));border-radius:50%;flex-shrink:0}.user-avatar{font-size:18px;filter:brightness(0) invert(1)}.user-details{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-badge{font-size:10px;font-weight:600;color:var(--primary-color);background-color:#6b44231a;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.topbar-user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--content-bg);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;min-width:160px;overflow:hidden;margin-top:4px}.topbar-user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-family:Poppins,sans-serif;font-size:var(--font-size-small);color:var(--text-primary)}.topbar-user-menu-item:hover{background-color:#6b442314}.topbar-user-menu-item.logout-item{color:#dc2626}.topbar-user-menu-item.logout-item:hover{background-color:#dc26261a;color:#b91c1c}.menu-item-icon{font-size:16px;flex-shrink:0}.menu-item-text{font-weight:500;white-space:nowrap}.topbar-campus-info,.user-info-simple,.logout-btn,.topbar-user-info,.topbar-logout-btn{display:none}@media (max-width: 768px){.topbar-content-area{padding:0 16px;gap:12px}.topbar-left{min-width:200px}.global-search-form{max-width:200px}.topbar-center{display:none}.topbar-right{gap:12px}.campus-label-text{max-width:100px}.user-name,.user-arrow{display:none}}@media (max-width: 480px){.topbar-content-area{gap:8px;padding:0 12px}.topbar-left{min-width:150px}.global-search-form{max-width:150px;height:36px}.topbar-right{gap:8px}.campus-label-text,.user-details{display:none}}} .global-search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--content-bg);border:1px solid var(--input-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1001;max-height:300px;overflow-y:auto;margin-top:4px}.global-search-suggestion-item{padding:12px 16px;border-bottom:1px solid var(--input-border);cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:4px}.global-search-suggestion-item:last-child{border-bottom:none}.global-search-suggestion-item:hover,.global-search-suggestion-item.selected{background-color:#7da0fa1a}.global-search-suggestion-main{display:flex;justify-content:space-between;align-items:center}.global-search-suggestion-name{font-weight:600;color:var(--text-dark);font-size:var(--font-size-medium)}.global-search-suggestion-roll{font-size:var(--font-size-small);color:var(--text-secondary);background:var(--input-border);padding:2px 6px;border-radius:4px}.global-search-suggestion-details{font-size:var(--font-size-small);color:var(--text-secondary)}.global-search-suggestion-class,.global-search-suggestion-designation{font-style:italic}@media (max-width: 768px){.global-search-suggestions{max-height:200px}.global-search-suggestion-item{padding:8px 12px}.global-search-suggestion-name{font-size:var(--font-size-small)}.global-search-suggestion-roll{font-size:var(--font-size-extrasmall)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-form{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#333;margin:0 0 10px;font-size:24px;font-weight:600}.login-header h3{color:#666;margin:0;font-size:16px;font-weight:400}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s}.password-toggle:hover:not(:disabled){background-color:#f8f9fa}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-btn{width:100%;padding:14px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s;margin-top:10px}.login-btn:hover:not(:disabled){background:#0056b3}.login-btn:active:not(:disabled){transform:translateY(1px)}.login-btn:disabled{background:#6c757d;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #f5c6cb}.login-footer{text-align:center;margin-top:25px}.login-footer p{color:#666;font-size:13px;margin:0}.login-remember-me-container{margin:15px 0;text-align:right;padding-right:0}.login-remember-me-label{display:inline-flex;align-items:center;cursor:pointer;font-size:14px;color:#555;margin:0;padding:0;white-space:nowrap;position:relative}.login-remember-me-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.login-remember-me-custom-checkbox{position:relative;display:inline-block;width:16px;height:16px;background-color:#fff;border:2px solid #007bff;border-radius:3px;margin-left:8px;cursor:pointer}.login-remember-me-checkbox:checked+.login-remember-me-custom-checkbox{background-color:#007bff}.login-remember-me-checkbox:checked+.login-remember-me-custom-checkbox:after{content:"";position:absolute;left:5px;top:2px;width:3px;height:6px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-remember-me-text{-webkit-user-select:none;user-select:none;font-weight:400;font-size:12px;margin:0;padding:0;color:#666}@media (max-width: 480px){.login-container{padding:10px}.login-form{padding:30px 20px}.login-header h2{font-size:20px}}