:root{--codemar-blue: #007bff;--codemar-orange: #ff6b35;--codemar-red: #dc3545;--codemar-purple: #6f42c1;--codemar-teal: #20c997;--codemar-light-gray: #f8f9fa;--codemar-dark: #212529}*{font-family:Inter,sans-serif}body{background:linear-gradient(135deg,#fff,#f8f9fa);min-height:100vh;position:relative}body.dark-theme{background:#0d1117!important;background-image:none!important}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(0,123,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(111,66,193,.02) 0%,transparent 50%);pointer-events:none;z-index:-1}body.dark-theme:before{display:none}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);padding:1rem 0;box-shadow:0 2px 20px #0000001a}.navbar-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.5rem;color:var(--codemar-blue)!important;text-decoration:none}.logo-icon{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.logo-icon:before{content:"";position:absolute;width:32px;height:32px;background:conic-gradient(from 0deg,var(--codemar-orange) 0deg,var(--codemar-red) 90deg,var(--codemar-purple) 180deg,var(--codemar-teal) 270deg,var(--codemar-orange) 360deg);border-radius:50%;animation:rotate 4s linear infinite}.logo-icon:after{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-tagline{font-size:.75rem;font-weight:400;color:var(--codemar-dark);margin:0;line-height:1}.login-container{min-height:calc(80vh - 70px);display:flex;align-items:center;justify-content:center;padding:3rem 0}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:400px;width:100%}.dark-theme .login-card{background:#161b22!important;border:1px solid #21262d!important;color:#e9ecef!important}.login-header{background:linear-gradient(135deg,var(--codemar-blue) 0%,#0056b3 100%);color:#fff;padding:2rem;text-align:center;position:relative;overflow:hidden}.login-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.login-header h2{margin:0;font-weight:600;font-size:1.5rem;position:relative;z-index:1}.login-header p{margin:.5rem 0 0;opacity:.9;font-size:.9rem;position:relative;z-index:1}.login-body{padding:2rem}.dark-theme .login-body{color:#e9ecef!important}.form-label{font-weight:500;color:var(--codemar-dark);margin-bottom:.5rem}.dark-theme .form-label{color:#e9ecef!important}.form-control{border:2px solid #e9ecef;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;background:#fffc}.dark-theme .form-control{background:#21262d!important;border-color:#30363d!important;color:#e9ecef!important}.form-control:focus{border-color:var(--codemar-blue);box-shadow:0 0 0 .2rem #007bff40;background:#fff}.dark-theme .form-control:focus{background:#21262d!important;border-color:#63b3ed!important;color:#e9ecef!important;box-shadow:0 0 0 .2rem #63b3ed40!important}.btn-primary{background:linear-gradient(135deg,var(--codemar-blue) 0%,#0056b3 100%);border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #007bff4d}.alert-danger{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;border-radius:12px;color:#721c24}.dark-theme .alert-danger{background:#742a2a!important;border-color:#e53e3e!important;color:#fed7d7!important}.credentials-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90caf9;border-radius:12px;padding:1rem;margin-top:1.5rem}.credentials-info small{color:#1565c0;font-weight:500}.credentials-info strong{color:var(--codemar-blue)}.logo-img{max-height:50px;width:auto}.dark-theme .login-container{background-color:#0d1117!important}.dark-theme .login-header{background:linear-gradient(135deg,#3182ce,#2c5282)!important}.dark-theme .login-header h2,.dark-theme .login-header p{color:#fff!important}.footer-codemar{background:#fff;color:#333;padding:.5rem 0 .25rem;margin-top:auto;border-top:1px solid #e9ecef}.footer-background{background:transparent;padding:.25rem 0}.footer-divider{border-color:#e9ecef;margin:.5rem 0 .25rem}.footer-bottom{align-items:center}.copyright p{margin:0;font-size:.75rem;color:#6c757d}.footer-legal{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.legal-link{color:#6c757d;text-decoration:none;font-size:.75rem;transition:color .3s ease}.legal-link:hover{color:var(--codemar-blue)}.separator{color:#6c757d;font-size:.85rem}@media(max-width:768px){.navbar-brand{font-size:1.25rem}.logo-icon{width:32px;height:32px}.logo-icon:before{width:26px;height:26px}.logo-icon:after{width:20px;height:20px}.login-card{margin:1rem}.footer-legal{justify-content:flex-start;margin-top:1rem}}@media(max-width:576px){.logo-img{max-height:40px}}.btn-link{color:var(--codemar-blue)!important;text-decoration:none!important;font-size:.9rem;font-weight:500;padding:.5rem 0;transition:all .3s ease;border:none;background:none;position:relative}.btn-link:hover{color:var(--codemar-orange)!important;transform:translateY(-1px)}.btn-link:focus{box-shadow:none;outline:none}.btn-link i{font-size:.8rem;margin-right:.25rem}.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;color:#155724;font-weight:500}.dark-theme .alert-success{background:#22543d!important;border-color:#38a169!important;color:#c6f6d5!important}.alert-success i{color:#28a745}.dark-theme .alert-success i{color:#68d391!important}.forgot-password-form .login-header h2{color:var(--codemar-blue);font-weight:600}.forgot-password-form .login-header p{color:#6c757d;font-size:.95rem}.forgot-password-form .form-control{border-radius:8px;border:2px solid #e9ecef;padding:.75rem 1rem;font-size:.95rem;transition:all .3s ease}.forgot-password-form .form-control:focus{border-color:var(--codemar-blue);box-shadow:0 0 0 .2rem #007bff40}.forgot-password-form .btn-outline-secondary{border:2px solid #6c757d;color:#6c757d;font-weight:500;transition:all .3s ease}.forgot-password-form .btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff;transform:translateY(-1px)}