@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');:root{--bg-color:#0b1329;--card-bg:rgba(255,255,255,0.86);--border-color:rgba(255,255,255,0.25);--accent-blue:#0056b3;--accent-orange:#f06a09;--text-main:#0f172a;--text-muted:#475569;--input-bg:rgba(255,255,255,0.95)}body.login-page-custom{background:radial-gradient(circle at 50% 50%,#0a2540 0%,#030f26 100%) !important;margin:0 !important;padding:0 !important;font-family:'Outfit',sans-serif !important;min-height:100vh !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;position:relative !important}.bg-glow-1{position:absolute;top:-15%;left:-15%;width:45vw;height:45vw;background:radial-gradient(circle,rgba(0,86,179,0.2) 0%,rgba(0,86,179,0) 70%);border-radius:50%;z-index:1;pointer-events:none;animation:float-slow 20s infinite alternate}.bg-glow-2{position:absolute;bottom:-20%;right:-20%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(240,106,9,0.15) 0%,rgba(240,106,9,0) 70%);border-radius:50%;z-index:1;pointer-events:none;animation:float-slow 25s infinite alternate-reverse}@keyframes float-slow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.1)}}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}100%{opacity:1;transform:translate(-50%,0)}}.bg-message-text{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-0.5px;line-height:1.25}.bg-message-highlight{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-wrapper{width:100%;max-width:440px;padding:24px;z-index:10;position:relative;animation:fadeInScale 0.6s cubic-bezier(0.16,1,0.3,1);margin-top:4rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.96) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}.login-card{background:var(--card-bg) !important;backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid var(--border-color) !important;border-radius:24px !important;padding:2.5rem !important;box-shadow:0 20px 40px -10px rgba(15,23,42,0.06),0 0 0 1px rgba(15,23,42,0.01) !important;transition:border-color 0.3s,box-shadow 0.3s}.login-card:hover{border-color:rgba(255,255,255,0.8) !important;box-shadow:0 30px 60px -15px rgba(15,23,42,0.1),0 0 50px -10px rgba(0,86,179,0.05) !important}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:2.25rem;text-align:center}.logo-img{max-width:240px;height:auto;margin-bottom:0.5rem;transition:transform 0.3s ease;filter:drop-shadow(0 4px 6px rgba(15,23,42,0.04))}.logo-img:hover{transform:scale(1.02)}.login-subtitle{color:var(--text-muted);font-size:0.875rem;margin-top:0.5rem;font-weight:500;letter-spacing:0.5px;text-transform:uppercase}.erp-features-container{display:flex;justify-content:center;gap:16px;margin-bottom:2rem}.erp-feature-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,0.4);border:1px solid rgba(226,232,240,0.6);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.15rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;cursor:pointer}.erp-feature-icon:hover{background:#ffffff;color:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,86,179,0.12)}.erp-feature-icon::after{content:attr(data-title);position:absolute;bottom:-28px;left:50%;transform:translateX(-50%) scale(0.85);background:#0f172a;color:#ffffff;font-size:0.7rem;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 10px rgba(0,0,0,0.15)}.erp-feature-icon:hover::after{opacity:1;transform:translateX(-50%) scale(1) translateY(-2px)}.form-group-custom{position:relative;margin-bottom:1.5rem}.form-group-custom i{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color 0.3s;font-size:1rem;pointer-events:none}.form-input-custom{width:100%;padding:0.9rem 1.25rem 0.9rem 3rem !important;background:var(--input-bg) !important;border:1px solid var(--border-color) !important;border-radius:14px !important;color:var(--text-main) !important;font-size:0.95rem !important;font-family:'Outfit',sans-serif !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;height:auto !important}.form-input-custom::placeholder{color:#94a3b8 !important}.form-input-custom:focus{background:#ffffff !important;border-color:var(--accent-blue) !important;box-shadow:0 0 0 3px rgba(0,86,179,0.15) !important;outline:none !important}.form-input-custom:focus + i{color:var(--accent-blue)}.btn-submit-custom{width:100%;padding:0.9rem 1.5rem !important;background-color:var(--accent-blue) !important;background-image:none !important;border:none !important;border-radius:14px !important;color:#ffffff !important;font-size:1rem !important;font-weight:600 !important;font-family:'Outfit',sans-serif !important;cursor:pointer !important;transition:background-color 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.2s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 12px rgba(0,86,179,0.2) !important;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit-custom:hover{background-color:#004085 !important;box-shadow:0 6px 20px rgba(0,86,179,0.3) !important;transform:translateY(-2px)}.btn-submit-custom:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(0,86,179,0.15) !important}.btn-submit-custom::after{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 30%,rgba(255,255,255,0) 100% );transform:skewX(-25deg);transition:0.75s;opacity:0;pointer-events:none}.btn-submit-custom:hover::after{animation:shine 1.2s ease-out infinite;opacity:1}.btn-submit-custom .fa-arrow-right{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1) !important}.btn-submit-custom:hover .fa-arrow-right{transform:translateX(4px) !important}@keyframes shine{0%{left:-50%}100%{left:125%}}label.error{color:#dc2626 !important;font-size:0.8rem !important;margin-top:0.4rem !important;margin-left:0.5rem;display:block !important;font-weight:500 !important;text-align:left;animation:slideInError 0.25s cubic-bezier(0.16,1,0.3,1)}@keyframes slideInError{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-input-custom.error{border-color:#ef4444 !important;box-shadow:0 0 0 3px rgba(239,68,68,0.1) !important}.form-input-custom.error + i{color:#ef4444 !important}.custom-alert{padding:0.85rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:0.9rem;font-weight:500;display:flex;align-items:center;gap:0.75rem;animation:slideInError 0.3s ease;text-align:left}.custom-alert-danger{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.custom-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.login-footer-custom{text-align:center;margin-top:2rem;color:var(--text-muted);font-size:0.8rem;font-weight:400}.glass-glow{position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,0.6),rgba(255,255,255,0.1) 50%,rgba(0,86,179,0.05) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (max-width:576px){.bg-message-text{font-size:1.6rem}.login-wrapper{margin-top:6rem;padding:16px}.login-card{padding:1.75rem !important}}@media (max-height:650px){body.login-page-custom{overflow-y:auto !important}}