:root{--ink:#17212b;--muted:#667085;--line:#e4e7ec;--surface:#fff;--canvas:#f4f6f8;--nav:#142724;--nav-2:#1c3934;--brand:#16816f;--brand-dark:#10695b;--brand-soft:#e8f5f1;--danger:#b42318;--danger-soft:#fef3f2;--warning:#b54708;--warning-soft:#fffaeb;--success:#067647;--success-soft:#ecfdf3;--radius:16px;--shadow:0 10px 30px rgba(16,24,40,.06)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 24px;color:#fff;font-size:20px;font-weight:800;letter-spacing:.04em}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);font-size:13px}.nav-label{padding:18px 12px 7px;color:#8eb0aa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.nav-link{display:flex;align-items:center;gap:10px;color:#dce8e5;padding:10px 12px;border-radius:10px;margin:2px 0;font-weight:600}.nav-link:hover,.nav-link.active{background:var(--nav-2);color:#fff;text-decoration:none}.sidebar-footer{margin-top:auto;padding:18px 10px 2px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-person{font-weight:700}.sidebar-role{color:#9db7b2;font-size:13px;margin:2px 0 14px}.logout{appearance:none;border:0;background:transparent;color:#c5d6d2;padding:0;cursor:pointer}.workspace{min-width:0}.topbar{height:68px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar-title{font-weight:750}.topbar-context{color:var(--muted);font-size:13px}.content{max-width:1320px;margin:0 auto;padding:32px 34px 60px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{color:var(--brand);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.page-title{font-size:30px;line-height:1.2;margin:0 0 7px;letter-spacing:-.025em}.page-subtitle,.hint,.muted{color:var(--muted)}.page-subtitle{margin:0;max-width:760px}.page-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin:0 0 20px}.card h2{margin:0 0 6px;font-size:19px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.card-muted{background:#fafbfc;box-shadow:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:1/-1}.meta,.summary,.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.meta-item{padding:2px}.label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.045em;margin-bottom:5px}.value{font-weight:700}.metric{padding:18px;border:1px solid #edf0f2;border-radius:13px;background:#fafbfc}.amount{font-size:24px;font-weight:780;letter-spacing:-.02em}.btn,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 15px;border:1px solid transparent;border-radius:10px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer;text-decoration:none}.btn:hover,button[type=submit]:hover{background:var(--brand-dark);text-decoration:none}.btn-secondary{background:#fff!important;color:var(--ink)!important;border-color:#d0d5dd!important}.btn-danger{background:var(--danger)!important}.btn-ghost{background:transparent!important;color:var(--brand-dark)!important;border-color:#b8d7d1!important}.btn-sm{min-height:32px!important;padding:5px 10px!important;font-size:13px}button:disabled{background:#98a2b3!important;cursor:not-allowed}form.inline{display:inline}.field label,.field-label{display:block;font-weight:700;margin:0 0 7px}.field input:not([type=checkbox]),.field select,.field textarea,input.control,select.control,textarea.control{width:100%;padding:10px 12px;border:1px solid #cdd4dc;border-radius:10px;background:#fff;color:var(--ink);outline:0;transition:.15s}.field textarea,textarea.control{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,129,111,.12)}.field .hint{font-size:13px;margin:6px 0 0}.check{display:flex;align-items:flex-start;gap:9px;margin:8px 0}.check input{margin-top:4px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}.notice{padding:14px 16px;border-radius:12px;margin:0 0 18px;border:1px solid}.notice-success{color:var(--success);background:var(--success-soft);border-color:#abefc6}.notice-error{color:var(--danger);background:var(--danger-soft);border-color:#fecdca}.notice-warning{color:var(--warning);background:var(--warning-soft);border-color:#fedf89}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;white-space:nowrap;background:#fff}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf0f2;vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fafbfc}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfdfc}td.purpose{white-space:normal;min-width:280px}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-active,.status-confirmed,.yes,.income{color:var(--success)}.status-active,.status-confirmed{background:var(--success-soft)}.status-closed{color:#344054;background:#f2f4f7}.status-review,.warning{color:var(--warning)}.status-review{background:var(--warning-soft)}.status-danger,.no,.expense{color:var(--danger)}.status-danger{background:var(--danger-soft)}.empty{padding:40px 18px;text-align:center;color:var(--muted)}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:9px 0;border-bottom:1px solid #edf0f2}.list-clean li:last-child{border-bottom:0}.back-link{display:inline-block;margin-bottom:14px;font-weight:700}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(320px,46%) 1fr;background:#eef3f1}.auth-panel{display:flex;align-items:center;justify-content:center;padding:42px}.auth-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 24px 70px rgba(18,46,41,.14)}.auth-card h1{font-size:32px;margin:22px 0 5px}.auth-card .field{margin-top:18px}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#112824,#1d554a);color:#fff;padding:72px;display:flex;align-items:flex-end}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(47,194,169,.12)}.auth-visual:before{width:520px;height:520px;right:-160px;top:-170px}.auth-visual:after{width:320px;height:320px;left:8%;bottom:-170px}.auth-copy{position:relative;max-width:560px}.auth-copy h2{font-size:42px;line-height:1.1;margin:0 0 18px}.auth-copy p{font-size:18px;color:#cfe1dd}.employee{border:1px solid var(--line);border-radius:13px;padding:18px;margin:12px 0}.pagination{margin-top:18px}
@media(max-width:980px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand{padding:0 8px 22px}.brand-name,.nav-link span,.nav-label,.sidebar-person,.sidebar-role,.logout span{display:none}.nav-link{justify-content:center;font-size:18px}.sidebar-footer{text-align:center}.content{padding:28px 22px 50px}.topbar{padding:0 22px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;overflow:auto;padding:10px 12px}.brand{padding:0;margin-right:8px}.brand-name,.sidebar-footer,.nav-label{display:none}.nav-link{min-width:44px;margin:0 2px}.topbar{position:static;height:56px}.content{padding:22px 14px 40px}.page-head{display:block}.page-actions{margin-top:16px}.page-title{font-size:26px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:18px;border-radius:13px}.auth-page{display:block;background:#fff}.auth-panel{min-height:100vh;padding:22px}.auth-card{padding:24px;box-shadow:none}.auth-visual{display:none}}
.card label{display:block;font-weight:700;margin:0 0 7px}.card input:not([type=checkbox]):not([type=hidden]),.card select,.card textarea{width:100%;padding:10px 12px;border:1px solid #cdd4dc;border-radius:10px;background:#fff;color:var(--ink);outline:0}.card textarea{min-height:96px}.card input:focus,.card select:focus,.card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(22,129,111,.12)}.card input[type=checkbox]{width:auto}.card form+form{margin-top:10px}

/* Approved EVM interface concept */
:root{--ink:#232753;--muted:#69708a;--line:#e0e3ed;--surface:#fff;--canvas:#f5f6fa;--nav:#fff;--nav-2:#e9f6f8;--brand:#232753;--brand-dark:#171a42;--brand-soft:#e9f6f8;--danger:#a93429;--warning:#b46340;--success:#5c8708;--radius:14px;--shadow:0 12px 34px rgba(35,39,83,.07)}
body{color:var(--ink);background:var(--canvas)}.app-shell{grid-template-columns:270px minmax(0,1fr)}.sidebar{background:var(--nav);color:var(--ink);padding:16px 13px 0;border-right:1px solid var(--line)}.brand{height:66px;padding:4px 9px 15px;border-bottom:1px solid var(--line);margin-bottom:4px}.brand img{display:block;width:210px;height:auto}.sidebar-nav{overflow-y:auto;overflow-x:hidden;padding-bottom:18px;scrollbar-width:thin}.nav-label{padding:14px 10px 5px;color:var(--muted);font-size:10px;letter-spacing:.08em}.nav-link{position:relative;color:var(--ink);padding:7px 10px;border-radius:9px;margin:1px 0;font-size:13px;font-weight:500}.nav-link b{display:inline-grid;place-items:center;width:18px;color:#6db8c8}.nav-link:hover,.nav-link.active{background:var(--brand-soft);color:var(--brand-dark);text-decoration:none}.nav-link.active b{color:var(--brand)}.nav-link small{margin-left:auto;color:#9a9fb2;font-size:9px;font-weight:500}.nav-link.is-planned{cursor:default}.nav-link.is-planned:hover{background:transparent}.sidebar-footer{display:flex;align-items:flex-start;gap:9px;margin-top:0;padding:13px 10px 14px;border-top:1px solid var(--line);background:#fff}.user-avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-size:11px;font-weight:700}.user-meta{min-width:0}.sidebar-person{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-role{color:var(--muted);font-size:11px;margin:1px 0 5px}.logout{color:var(--muted);font-size:11px}.topbar{height:64px;background:rgba(255,255,255,.94);padding:0 30px}.content{padding:28px 30px 60px}.eyebrow{color:#6db8c8}.btn,button[type=submit]{background:var(--brand)}.btn:hover,button[type=submit]:hover{background:var(--brand-dark)}a{color:#375679}.project-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:18px}.project-toolbar .control{width:auto;min-width:150px}.project-tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.project-tab{padding:10px 12px 12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}.project-tab:hover{text-decoration:none;color:var(--brand)}.project-tab.active{color:var(--brand);border-bottom-color:#87c5d2}.project-tab span{margin-left:4px;padding:2px 6px;border-radius:999px;background:#f1f2f6;font-size:11px}.project-code{color:var(--brand);font-weight:800}.project-name{font-weight:700}.project-name small,.customer-cell small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-dot.active{color:var(--success)}.status-dot.review{color:var(--warning)}.status-dot.closed{color:#69708a}.table-projects th{background:#f7f8fb}.table-projects td{vertical-align:middle}.quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand{width:48px;overflow:hidden;padding-left:0}.brand img{width:180px;max-width:none}.nav-link small{display:none}.sidebar-footer{justify-content:center}.user-meta{display:none}}
@media(max-width:700px){.sidebar{background:#fff}.sidebar-nav{display:flex;overflow-x:auto}.brand{border:0}.project-toolbar .control{width:100%}.quick-actions{justify-content:flex-start}.table-projects th:nth-child(4),.table-projects td:nth-child(4){display:none}}

/* Visual parity fixes after real-browser review */
.app-shell{align-items:stretch}.sidebar{position:relative;top:auto;height:auto;min-height:100vh;align-self:stretch}.sidebar-nav{overflow:visible;padding-bottom:20px}.brand{flex:0 0 auto}.brand img{image-rendering:auto}.nav-link{min-height:34px;gap:10px;line-height:1.25}.nav-icon{flex:0 0 18px;width:18px;height:18px;color:#6db8c8}.nav-link.active .nav-icon{color:var(--brand)}.nav-link.is-planned{color:#aeb3c2;pointer-events:none}.nav-link.is-planned .nav-icon{color:#c6dfe4}.nav-link.is-planned:hover{color:#aeb3c2}.page-head{align-items:center;margin-bottom:26px}.quick-actions .is-planned{color:#aeb3c2!important;background:#f8f9fb!important;border-color:#e4e6ed!important;pointer-events:none}.quick-actions{max-width:620px}.project-toolbar{margin-top:2px}.content{max-width:1460px}.table-projects{table-layout:auto}.table-projects td:nth-child(2){white-space:nowrap}.table-projects td:nth-child(3){min-width:340px;white-space:normal}.table-projects td:nth-child(4){min-width:190px;white-space:normal}
@media(max-width:1180px){.page-head{align-items:flex-start}.quick-actions{justify-content:flex-start}.quick-actions .is-planned{display:none}}
@media(max-width:980px){.sidebar{min-height:100vh}.brand img{image-rendering:auto}.nav-icon{width:20px;height:20px}.nav-link{justify-content:center}}

/* Compact content alignment and account controls in the top bar */
.content{width:100%;max-width:1600px;margin:0;padding-left:26px;padding-right:30px}.topbar-right{display:flex;align-items:center;gap:22px}.topbar-user{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line)}.topbar-user .user-meta{line-height:1.2}.topbar-user .sidebar-person{font-size:13px}.topbar-user .sidebar-role{margin:3px 0 0;font-size:10px}.topbar-user form{margin:0}.topbar-logout{min-height:34px!important;padding:6px 12px!important;border:1px solid #d8dbe6!important;background:#fff!important;color:var(--brand)!important;font-size:12px}.topbar-logout:hover{background:#f3f4f8!important}.sidebar-footer{display:none}
@media(max-width:1180px){.topbar-context{display:none}}
@media(max-width:980px){.content{padding-left:22px;padding-right:22px}.topbar-user .user-meta{display:block}.topbar-user{border-left:0;padding-left:0}.topbar-right{gap:10px}}
@media(max-width:700px){.topbar-user .user-meta{display:none}.topbar-logout{padding:5px 9px!important}.content{padding-left:14px;padding-right:14px}}

/* Approved EVM login */
.login-page{margin:0;background:#fff;color:var(--brand)}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(470px,42%) 1fr}.login-panel{min-height:100vh;display:flex;flex-direction:column;padding:42px clamp(42px,6vw,94px) 34px;background:#fff;position:relative;z-index:2;box-shadow:18px 0 50px rgba(26,31,78,.12)}.login-logo{width:225px;height:auto;display:block}.login-form-wrap{width:100%;max-width:455px;margin:auto 0}.login-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6ab6c4;font-weight:800;margin-bottom:15px}.login-form-wrap h1{font-size:44px;line-height:1.08;letter-spacing:-.035em;margin:0 0 12px}.login-intro{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 34px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:13px;font-weight:750;margin-bottom:8px}.login-input{height:54px;border:1px solid #cdd3e1;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;transition:.2s}.login-input:focus-within{border-color:#75c2cf;box-shadow:0 0 0 4px rgba(117,194,207,.16)}.login-input>svg,.password-toggle svg{width:19px;height:19px;flex:0 0 19px;color:#8d93aa}.login-input input{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;width:100%;font:inherit;color:var(--brand);background:transparent}.login-input input::placeholder{color:#a6aaba}.password-toggle{min-height:0!important;border:0!important;background:transparent!important;color:#8d93aa!important;padding:4px!important;display:grid!important;place-items:center;box-shadow:none!important}.login-submit{width:100%;height:54px;border:0!important;border-radius:12px!important;background:var(--brand)!important;color:#fff!important;font-weight:750!important;cursor:pointer;margin-top:5px;box-shadow:0 10px 22px rgba(35,39,83,.18)}.login-submit:hover{background:var(--brand-dark)!important}.login-support{display:flex;align-items:center;gap:8px;margin-top:22px;color:#8b90a4;font-size:12px}.login-support:before{content:"";width:7px;height:7px;border-radius:50%;background:#75c2cf}.login-foot{font-size:11px;color:#9ba0b1;margin-top:auto;padding-top:26px}.login-visual{position:relative;min-height:100vh;background-image:var(--login-office);background-position:center;background-size:cover;overflow:hidden}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,31,72,.74) 0%,rgba(27,31,72,.28) 48%,rgba(27,31,72,.06) 100%)}.login-visual-copy{position:absolute;z-index:2;left:clamp(46px,6vw,100px);bottom:clamp(52px,8vh,96px);width:min(600px,72%);color:#fff}.login-accent{width:62px;height:5px;border-radius:5px;background:#75c2cf;margin-bottom:25px}.login-visual-copy h2{font-size:44px;line-height:1.15;letter-spacing:-.03em;margin:0 0 16px;color:#fff}.login-visual-copy p{font-size:17px;line-height:1.55;color:rgba(255,255,255,.8);max-width:520px;margin:0}.login-badge{position:absolute;z-index:2;right:30px;top:28px;padding:9px 13px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(28,32,74,.24);backdrop-filter:blur(8px);color:#fff;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:900px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:28px 24px}.login-form-wrap{margin:auto;max-width:460px}.login-logo{width:190px}.login-form-wrap h1{font-size:36px}.login-foot{text-align:center}}

/* Center the approved login block on wide screens */
.login-logo{align-self:center}.login-form-wrap{margin:auto}.login-foot{align-self:center;text-align:center}

/* Workspace breathing room */
@media(min-width:701px){.content{max-width:none;padding-top:33px;padding-right:31px;padding-left:31px}}