:root{--teal:#064b49;--deep:#053d40;--lime:#91ce37;--ink:#102b31;--muted:#70828a;--line:#e3e9ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body.sare-body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#f5f8fa}a{color:var(--teal);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-layout{min-height:100vh;display:grid;grid-template-columns:51% 49%}.login-hero{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:46px 7%;color:white;background:linear-gradient(130deg,rgba(2,50,55,.88),rgba(1,62,64,.78)),linear-gradient(45deg,#173d48,#448b89)}.login-hero:before{content:'';position:absolute;inset:0;opacity:.15;background:repeating-linear-gradient(110deg,transparent 0 50px,#d9f1f2 51px 53px,transparent 54px 110px);pointer-events:none}.hero-brand,.hero-content{position:relative}.hero-brand{font-size:24px;font-weight:800;letter-spacing:2px}.hero-brand span{color:var(--lime)}.hero-content{padding-bottom:10vh}.hero-content h1{font-size:clamp(48px,6vw,88px);margin:0 0 20px}.accent-line{width:110px;height:8px;background:var(--lime);border-radius:10px}.hero-content h2{font-size:clamp(22px,2.4vw,36px);font-weight:400}.hero-features{display:flex;gap:28px;margin-top:65px}.hero-features div{flex:1;text-align:center;font-size:35px;border-right:1px solid #ffffff65}.hero-features div:last-child{border:0}.hero-features small{display:block;font-size:15px;line-height:1.5;margin-top:10px}.login-main{display:flex;align-items:center;justify-content:center;padding:45px;background:linear-gradient(135deg,#e9f3e9,#fff 24%,#fff 80%,#dff2cd)}.login-card{width:min(100%,530px);background:#fff;padding:clamp(28px,5vw,65px);border-radius:25px;box-shadow:0 22px 65px #173d4820}.login-logo{font-size:48px;letter-spacing:2px;font-weight:850;text-align:center}.logo-mark{color:var(--lime)}.login-subbrand{text-align:center;font-size:12px;letter-spacing:3px;color:var(--deep)}.login-card h2{text-align:center;margin:42px 0 5px;font-size:32px}.login-card p{text-align:center;color:var(--muted);margin-bottom:35px}.login-card form>label{display:block;font-weight:600;font-size:13px;margin:18px 0 8px}.login-card input:not([type=checkbox]),.task-form input,.task-form select,.task-form textarea{display:block;width:100%;padding:15px;border:1px solid #d4dde1;border-radius:9px;background:white}.login-options{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 32px;font-size:12px}.login-options label{display:flex;align-items:center;gap:5px}.primary{display:inline-block;background:var(--teal);color:white;border:0;border-radius:9px;padding:14px 23px;font-weight:700;text-align:center}.primary:hover{background:#08635f;color:white}.wide{width:100%}.alert{padding:12px;background:#fff0ed;color:#a83222;border-radius:7px}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;flex-shrink:0;background:var(--deep);color:white;display:flex;flex-direction:column;padding:28px 16px;min-height:100vh;position:sticky;top:0;height:100vh}.sidebar-brand{font-size:26px;font-weight:800;padding:5px 14px}.sidebar-brand span{color:var(--lime)}.sidebar-caption{font-size:10px;letter-spacing:2px;padding:0 14px 35px;color:#b1d2d0}.sidebar nav a{display:block;padding:15px;border-radius:9px;color:#e6f0f0;margin-bottom:7px}.sidebar nav a:hover,.sidebar nav a.selected{background:#28676a}.sidebar-bottom{margin-top:auto;padding:15px;border-top:1px solid #ffffff33}.sidebar-bottom small{display:block;color:#b5d0d0;margin:6px 0 22px}.sidebar-bottom a{color:white}.app-main{flex:1;min-width:0}.topbar{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-weight:700}.version{font-size:11px;color:var(--muted);margin-left:10px}.user-pill{font-size:13px;color:var(--muted)}.content{padding:35px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.page-heading h1{margin:0;font-size:30px}.page-heading p{color:var(--muted);margin:7px 0}.stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:25px}.stat,.panel{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 20px #193b4909}.stat{padding:24px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:36px;margin-top:15px}.panel{padding:26px;margin-bottom:24px}.panel h2{margin:0 0 24px}.task-form{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.task-form label{font-weight:600;font-size:13px}.task-form input,.task-form select,.task-form textarea{margin-top:8px;font-weight:400}.task-form .full{grid-column:1/-1}.task-form button{justify-self:start}.task{border-top:1px solid var(--line);padding:20px 0}.task-header{display:flex;justify-content:space-between;align-items:start;gap:15px}.task h3{margin:7px 0 10px}.task p{color:#536b72}.task small{color:var(--muted)}.status{padding:7px 11px;border-radius:30px;font-size:12px;white-space:nowrap}.status-pending{background:#fff3d6;color:#8a6200}.status-progress{background:#e1f0ff;color:#13578c}.status-review{background:#eee6ff;color:#6844a0}.status-closed{background:#e1f7e8;color:#207447}.task-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.secondary{border:1px solid #bfd2d0;border-radius:7px;background:#f5faf9;color:var(--teal);padding:9px 13px}.mobile-toggle{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.login-layout{grid-template-columns:45% 55%}.hero-features{gap:10px}.hero-features small{font-size:12px}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-hero{min-height:200px;padding:25px}.hero-content{padding:20px 0 0}.hero-content h1{font-size:42px}.hero-content h2{font-size:18px}.hero-features{display:none}.login-main{padding:20px}.login-card{padding:30px 22px}.sidebar{position:fixed;left:-270px;z-index:50;transition:left .2s}.nav-open .sidebar{left:0}.mobile-toggle{display:block;border:0;background:none;font-size:23px}.topbar{padding:0 18px;gap:10px}.content{padding:20px}.stats{grid-template-columns:repeat(2,1fr)}.stat{padding:16px}.stat strong{font-size:28px}.task-form{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}}

/* Corporate login: architectural image, deep teal, lime accents and centered white card */
.login-hero{background-image:linear-gradient(180deg,rgba(0,47,54,.70),rgba(0,55,56,.91)),url('architecture.jpg');background-position:center;background-size:cover;padding:55px 7%}
.login-hero:before{display:none}.hero-brand{font-size:23px}.hero-content{padding-bottom:7vh}.hero-content h1{font-size:clamp(54px,5.4vw,86px);text-shadow:0 2px 5px #0003}.hero-content h2{font-size:clamp(23px,2.2vw,35px);font-weight:400;line-height:1.3}.hero-features{margin-top:65px}.hero-features div{font-size:36px}.hero-features small{font-size:16px}.login-main{background:linear-gradient(132deg,#9acb39 0 5%,#f8fafb 5% 92%,#9bd237 92% 100%)}
.login-card{max-width:610px;padding:clamp(36px,4vw,64px);box-shadow:0 25px 70px #003c4220;border-radius:25px}.login-logo{display:flex;align-items:center;justify-content:center;gap:14px;color:#0c2024;font-size:clamp(48px,4.5vw,70px);font-weight:850;line-height:1}.login-logo sup{font-size:13px;align-self:flex-start;margin-top:5px}.logo-mark{display:flex;align-items:end;gap:4px;width:74px;height:68px}.logo-mark i{display:block;background:#00554e;width:19px;transform:skewY(-30deg)}.logo-mark i:nth-child(1){height:30px}.logo-mark i:nth-child(2){height:46px}.logo-mark i:nth-child(3){height:62px;background:#9bd338}.login-subbrand{font-size:11px;letter-spacing:2.8px;margin-top:12px}.login-card h2{margin-top:48px;font-size:35px}.login-card p{font-size:16px}.login-card input:not([type=checkbox]){padding:17px 18px;font-size:15px}.login-card form>label{font-size:13px}.password-field{position:relative}.password-field input{padding-right:54px!important}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#52676b;font-size:22px;padding:8px}.login-options{font-size:13px}.login-card .primary{padding:19px;font-size:17px}.login-card input:focus,.task-form input:focus{outline:2px solid #a0d23b;outline-offset:1px}
@media(max-width:760px){.login-hero{min-height:170px}.hero-content{padding-bottom:0}.hero-content h1{font-size:38px;margin-bottom:10px}.hero-content h2{font-size:17px}.login-card{padding:30px 22px}.login-logo{font-size:42px}.logo-mark{transform:scale(.75);margin-right:-8px}.login-card h2{margin-top:30px}.login-main{padding:20px}}