:root{--navy:#06265c;--blue:#087db8;--cyan:#08adc6;--green:#35b94a;--ink:#173047;--muted:#6d818b;--line:#dce7ec;--soft:#f4f8f9;--white:#fff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--soft)}button,input{font:inherit}.nexo360-login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.nexo360-login-brand{display:flex;flex-direction:column;justify-content:center;padding:10vw;background:radial-gradient(circle at 20% 20%,#0aaec2 0,transparent 30%),linear-gradient(145deg,#031b48,#075d94);color:white}.nexo360-login-brand img{width:min(460px,80%);filter:brightness(0) invert(1);margin-bottom:38px}.nexo360-login-brand h1{font-size:clamp(32px,4vw,58px);line-height:1.02;margin:0 0 18px;max-width:680px}.nexo360-login-brand p{font-size:18px;line-height:1.6;max-width:620px;color:#d9f2f5}.nexo360-login-card{width:min(430px,calc(100% - 40px));margin:auto;background:white;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 24px 70px rgba(5,37,82,.12)}.company-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--green));color:white;font-weight:900;font-size:19px}.nexo360-login-card h2{font-size:27px;margin:22px 0 5px;color:var(--navy)}.nexo360-login-card>p{margin:0 0 24px;color:var(--muted);line-height:1.5}.nexo360-login-card form{display:grid;gap:16px}.nexo360-login-card label{display:grid;gap:7px;font-size:13px;font-weight:750}.nexo360-login-card input:not([type=checkbox]){width:100%;border:1px solid #cbd9df;border-radius:10px;padding:13px;outline:0}.nexo360-login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(8,173,198,.12)}.nexo360-login-card .remember{display:flex;align-items:center;gap:8px;font-weight:500}.nexo360-login-card button,.welcome button{border:0;border-radius:10px;padding:13px 18px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:800;cursor:pointer}.login-error{padding:11px;border-radius:9px;background:#fdecea;color:#aa2d23;font-size:13px;margin-bottom:15px}.nexo360-app{min-height:100vh}.app-topbar{height:82px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:20px;padding:12px 28px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.app-topbar>img{width:175px;height:50px;object-fit:contain}.company-title b,.company-title small,.user-menu b,.user-menu small{display:block}.company-title small,.user-menu small{font-size:11px;color:var(--muted);margin-top:3px}.user-menu{display:flex;align-items:center;gap:10px}.user-menu>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--green));color:white;font-weight:900}.user-menu a{margin-left:12px;color:var(--blue);font-size:12px;font-weight:800;text-decoration:none}.app-content{width:min(1180px,calc(100% - 34px));margin:0 auto;padding:34px 0 60px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.welcome>div>span{color:var(--blue);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1px}.welcome h1{font-size:32px;margin:8px 0 5px;color:var(--navy)}.welcome p{margin:0;color:var(--muted)}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0 34px}.summary-cards article{background:white;border:1px solid var(--line);border-radius:16px;padding:20px}.summary-cards small,.summary-cards b,.summary-cards span{display:block}.summary-cards small{color:var(--muted)}.summary-cards b{font-size:27px;color:var(--navy);margin:7px 0 3px}.summary-cards span{font-size:12px;color:var(--green)}.section-title h2{margin:0;color:var(--navy)}.section-title p{margin:5px 0 16px;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.module-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;gap:11px;border:1px solid var(--line);border-radius:14px;background:white;padding:17px;cursor:pointer;color:var(--ink)}.module-card:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 10px 30px rgba(5,37,82,.07)}.module-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f7f6;color:var(--blue);font-size:21px;font-style:normal}.module-card b,.module-card small{display:block}.module-card b{font-size:14px}.module-card small{font-size:11px;color:var(--muted);margin-top:4px}.module-card em{font-size:23px;color:var(--cyan);font-style:normal}@media(max-width:900px){.nexo360-login-shell{grid-template-columns:1fr}.nexo360-login-brand{min-height:38vh;padding:55px 8vw}.nexo360-login-brand img{width:260px;margin-bottom:22px}.nexo360-login-brand h1{font-size:34px}.nexo360-login-card{margin:35px auto}.module-grid{grid-template-columns:1fr 1fr}.app-topbar{grid-template-columns:160px 1fr}.company-title{display:none}}@media(max-width:600px){.nexo360-login-brand{min-height:300px}.nexo360-login-card{padding:27px}.app-topbar{height:auto;grid-template-columns:1fr auto;padding:11px 16px}.app-topbar>img{width:145px}.user-menu>div{display:none}.app-content{padding-top:24px}.welcome{align-items:flex-start;flex-direction:column}.welcome button{width:100%}.summary-cards,.module-grid{grid-template-columns:1fr}.company-title{display:none}}