*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif;min-height:100vh;min-height:100dvh;background:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;position:relative;overflow-x:hidden;overflow-y:auto}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(245,158,11,.1) 0%,transparent 50%)}.login-card{position:relative;z-index:1;background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:36px 28px;width:100%;max-width:400px;box-shadow:0 24px 64px #0006}.login-header{text-align:center;margin-bottom:28px}.login-logo{display:block;width:min(100%,300px);height:auto;margin:0 auto 14px;object-fit:contain}.login-header h1{color:#fff;font-size:24px;font-weight:800}.login-header p{color:#64748b;font-size:13px;margin-top:4px}.company-tag{display:inline-block;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;margin-top:8px}.form-group{margin-bottom:16px}.form-label{display:block;color:#94a3b8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#475569;font-size:14px}.form-control{width:100%;padding:12px 14px 12px 40px;background:#0f172a;border:1.5px solid rgba(255,255,255,.08);border-radius:12px;font-family:inherit;font-size:14px;color:#fff;outline:none;transition:border-color .2s}.form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.form-control::placeholder{color:#475569}.form-control.is-invalid{border-color:#ef4444}.invalid-feedback{color:#f87171;font-size:12px;margin-top:4px}.btn-login{width:100%;padding:13px;background:color #fff;color:navy;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f64d}.role-info{margin-top:24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px}.role-info p{color:#64748b;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.role-item{display:flex;justify-content:space-between;padding:4px 0}.role-item span:first-child{color:#94a3b8;font-size:12px}.role-item span:last-child{color:#60a5fa;font-size:12px;font-weight:600;font-family:monospace}.remember-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.remember-row input{accent-color:#3B82F6;width:16px;height:16px;cursor:pointer}.remember-row label{color:#94a3b8;font-size:13px;cursor:pointer}.login-error-summary{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:13px;margin-bottom:16px;padding:10px 14px}@media (max-width: 360px),(max-height: 700px){body{justify-content:flex-start;padding:16px 10px}.login-card{margin-block:auto;padding:22px 16px}.login-header{margin-bottom:20px}.login-logo{width:min(100%,240px);height:auto;margin-bottom:8px}.company-tag{max-width:100%;padding:3px 8px;font-size:9.5px;overflow-wrap:anywhere}.form-group{margin-bottom:12px}.form-control{min-height:42px;padding-block:9px;font-size:13px}.remember-row{margin-bottom:12px}.btn-login{min-height:42px;padding:10px;font-size:13px}.login-error-summary{font-size:11px;margin-bottom:12px;padding:8px 10px}}