/* SecureTech premium staff login — Smarter Operations */
.login-shell{min-height:100vh!important;display:grid!important;place-items:center!important;padding:28px!important;background:linear-gradient(140deg,#eef5fd 0%,#dceafe 34%,#0b2f58 34%,#071b36 100%)!important;color:#102047!important}.login-shell.hidden{display:none!important}.login-card{position:relative!important;width:min(1260px,96vw)!important;min-height:690px!important;display:grid!important;grid-template-columns:minmax(370px,.78fr) minmax(590px,1.55fr)!important;background:#fff!important;border:1px solid rgba(13,58,112,.14)!important;border-radius:24px!important;padding:0!important;overflow:hidden!important;box-shadow:0 38px 95px rgba(7,27,54,.28)!important}.login-form-pane{padding:56px 54px 36px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:#fff!important;position:relative!important;z-index:2!important}.login-form-pane .brand{margin:0 0 28px!important}.login-form-pane .brand-logo{width:220px!important;max-width:76%!important;height:auto!important;filter:none!important}.login-eyebrow{font-size:11px!important;font-weight:900!important;letter-spacing:2.7px!important;color:#72809a!important;text-transform:uppercase!important;margin-bottom:15px!important}.login-form-pane h1{font-size:42px!important;line-height:1.03!important;letter-spacing:-1.8px!important;color:#102047!important;margin:0 0 12px!important}.login-form-pane>p{font-size:15px!important;line-height:1.55!important;color:#637087!important;margin:0 0 26px!important;max-width:440px!important}.login-form-pane label{display:grid!important;gap:7px!important;font-size:12px!important;font-weight:850!important;color:#1b2c4e!important;margin:11px 0!important}.login-form-pane input{width:100%!important;min-height:52px!important;border:1px solid #cdd8e6!important;border-radius:11px!important;padding:0 14px!important;background:#fbfdff!important;color:#12213e!important;font-size:15px!important;outline:none!important}.login-form-pane input:focus{border-color:#3a79d8!important;box-shadow:0 0 0 4px rgba(58,121,216,.10)!important;background:#fff!important}.login-form-pane button{width:100%!important;min-height:54px!important;border:0!important;border-radius:11px!important;background:linear-gradient(90deg,#ee2238,#d2162b)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;margin-top:10px!important;box-shadow:0 12px 26px rgba(222,31,50,.22)!important;cursor:pointer!important}.login-form-pane button:hover{filter:brightness(1.04);transform:translateY(-1px)}.login-form-pane .error{min-height:20px!important;margin-top:10px!important;color:#d32235!important;font-size:12px!important}.login-trust{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-top:22px!important;padding-top:22px!important;border-top:1px solid #e3e8ef!important}.login-trust div{text-align:center!important;padding:0 7px!important;border-right:1px solid #e8edf3!important}.login-trust div:last-child{border-right:0!important}.login-trust i{width:32px!important;height:32px!important;border-radius:50%!important;background:#eaf2ff!important;color:#1458b3!important;display:grid!important;place-items:center!important;margin:0 auto 7px!important;font-style:normal!important;font-size:14px!important}.login-trust b{display:block!important;font-size:10px!important;color:#1d3153!important}.login-trust small{display:block!important;color:#7b899d!important;font-size:8px!important;margin-top:2px!important}.login-credit{text-align:center!important;margin-top:20px!important;color:#8a96a8!important;font-size:10px!important;line-height:1.45!important}.login-visual-pane{position:relative!important;overflow:hidden!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:60px 54px 44px!important;background:#071d3c!important}.login-visual-pane:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,48,.96),rgba(5,26,58,.80) 45%,rgba(4,18,42,.52)),url('/assets/securetech-hero.webp') center/cover no-repeat!important;z-index:0!important}.login-visual-pane>*{position:relative!important;z-index:1!important}.visual-kicker{font-size:10px!important;letter-spacing:3px!important;font-weight:900!important;color:#9fc8ff!important;margin-bottom:16px!important}.login-visual-pane h2{font-size:48px!important;line-height:1.03!important;letter-spacing:-2px!important;margin:0 0 16px!important;color:#fff!important}.login-visual-pane h2 span{display:block!important;color:#5fa3ff!important}.login-visual-pane>p{max-width:690px!important;font-size:16px!important;line-height:1.55!important;color:#dce7f4!important;margin:0 0 26px!important}.dashboard-preview{width:min(760px,100%)!important;background:#f6f9fd!important;border:8px solid rgba(255,255,255,.16)!important;border-radius:16px!important;box-shadow:0 28px 60px rgba(0,0,0,.30)!important;overflow:hidden!important;color:#102047!important}.preview-top{height:48px!important;background:#fff!important;border-bottom:1px solid #e5eaf0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important}.preview-top .mini-brand{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;font-weight:900!important}.preview-top .mini-brand img{width:82px!important;height:auto!important}.preview-top .mini-user{font-size:10px!important;color:#617086!important}.preview-body{display:grid!important;grid-template-columns:135px 1fr!important;min-height:300px!important}.preview-nav{background:#08274f!important;padding:16px 10px!important;color:#c8d9ee!important}.preview-nav b{display:block!important;color:#fff!important;font-size:11px!important;margin-bottom:13px!important}.preview-nav span{display:block!important;font-size:9px!important;padding:7px 8px!important;border-radius:6px!important;margin:3px 0!important}.preview-nav span:first-of-type{background:#1765d5!important;color:#fff!important}.preview-main{padding:18px!important;background:#f5f8fc!important}.preview-greeting{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important}.preview-greeting b{font-size:14px!important}.preview-greeting small{font-size:8px!important;color:#77849a!important}.preview-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.preview-kpi{background:#fff!important;border:1px solid #e5ebf2!important;border-radius:8px!important;padding:12px!important}.preview-kpi strong{display:block!important;font-size:18px!important;color:#0d2e5c!important}.preview-kpi span{font-size:8px!important;color:#6d7a8d!important}.preview-lower{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:9px!important;margin-top:10px!important}.preview-card{background:#fff!important;border:1px solid #e5ebf2!important;border-radius:8px!important;padding:12px!important;min-height:112px!important}.preview-card b{display:block!important;font-size:10px!important;margin-bottom:8px!important}.activity-line{display:flex!important;justify-content:space-between!important;gap:8px!important;border-top:1px solid #eef2f6!important;padding:6px 0!important;font-size:7px!important;color:#607087!important}.bars{height:72px!important;display:flex!important;align-items:end!important;gap:7px!important;padding-top:8px!important}.bars i{flex:1!important;background:linear-gradient(#5aa2ff,#1e65d1)!important;border-radius:3px 3px 0 0!important;min-width:8px!important}.visual-features{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;margin-top:24px!important}.visual-feature{padding:0 15px!important;border-right:1px solid rgba(255,255,255,.18)!important}.visual-feature:first-child{padding-left:0!important}.visual-feature:last-child{border-right:0!important}.visual-feature b{display:block!important;font-size:10px!important;letter-spacing:.4px!important;color:#fff!important;margin-bottom:4px!important}.visual-feature small{display:block!important;color:#b9cae0!important;font-size:8px!important;line-height:1.4!important}
@media(max-width:1040px){.login-card{grid-template-columns:420px 1fr!important;min-height:640px!important}.login-form-pane{padding:44px 38px 30px!important}.login-visual-pane{padding:48px 38px 34px!important}.login-visual-pane h2{font-size:40px!important}.preview-kpis{grid-template-columns:repeat(2,1fr)!important}.preview-kpi:nth-child(n+3){display:none!important}.visual-features{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.visual-feature{border-right:0!important;padding:0!important}}
@media(max-width:820px){.login-shell{padding:18px!important;background:#eef5fd!important}.login-card{grid-template-columns:1fr!important;width:min(560px,96vw)!important;min-height:0!important}.login-form-pane{padding:42px 32px 28px!important}.login-visual-pane{display:none!important}.login-form-pane .brand{text-align:center!important}.login-form-pane .brand-logo{width:205px!important}.login-eyebrow,.login-form-pane h1,.login-form-pane>p{text-align:center!important}.login-form-pane h1{font-size:34px!important}.login-form-pane>p{margin-left:auto!important;margin-right:auto!important}.login-trust{margin-top:18px!important}}
@media(max-width:480px){.login-shell{padding:0!important;align-items:stretch!important}.login-card{width:100%!important;min-height:100dvh!important;border-radius:0!important;border:0!important}.login-form-pane{padding:44px 22px 28px!important;justify-content:flex-start!important}.login-form-pane .brand-logo{width:180px!important}.login-form-pane h1{font-size:31px!important}.login-trust{grid-template-columns:1fr 1fr 1fr!important}.login-trust small{display:none!important}.login-form-pane input,.login-form-pane button{min-height:52px!important}}