:root{--nav:#142c30;--ink:#193033;--muted:#6b797a;--accent:#256d59;--line:#dfe6e2;--bg:#f4f6f3;--soft:#eaf2ec}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:10px}h2{font-size:20px;letter-spacing:-.4px;margin-bottom:15px;line-height:1.35}h3{font-size:17px;margin-bottom:4px}a{color:var(--accent);text-underline-offset:3px}button,.button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:8px;min-height:44px;padding:11px 18px;cursor:pointer;text-decoration:none;line-height:1.4;font-family:inherit;font-size:14px;font-weight:600}button:hover,.button:hover,input[type=submit]:hover{background:#1c5545}.button.secondary{background:white;color:var(--accent);margin:16px 0}input,select,textarea{font:inherit;width:100%;border:1px solid #cbd7d1;background:#fff;color:var(--ink);border-radius:8px;padding:11px 12px;min-width:0;min-height:46px}textarea{resize:vertical}input[readonly]{background:#f4f6f3;color:#64716b}label{display:grid;gap:7px;font-size:13px;font-weight:650}form{margin:0}.form{display:grid;gap:17px}.form button{justify-self:start}input[type=checkbox]{width:18px;min-height:18px}input[type=file]{font-size:13px;background:#fff;font-weight:400}.muted{color:var(--muted)}.small{font-size:12px}.prewrap{white-space:pre-wrap}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.9px;color:#687c71}.wordmark{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:700;font-size:17px;line-height:1.3;overflow-wrap:anywhere}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#d5e5ba;color:#263e27;width:34px;height:36px;border-radius:8px;font-size:23px;font-weight:800;flex-shrink:0}.skip-link{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #b58a28;outline-offset:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--nav);color:#fff;padding:34px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .wordmark{padding:0 8px}.sidebar-label{font-size:9px;letter-spacing:2px;color:#8aa3a0;margin:48px 14px 14px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;gap:13px;color:#b8c9c6;padding:13px 14px;text-decoration:none;border-radius:8px;font-size:13px}.sidebar nav a.active{background:#2d4544;color:#fff}.sidebar nav a:hover{background:#263f3f}.nav-number{opacity:.5;font-size:10px;line-height:23px}.sidebar-bottom{margin-top:auto;padding:30px 12px 0;color:#b7cbc4;font-size:11px}.sidebar-bottom p{margin:10px 0 0;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;background:#bad69e;border-radius:50%}.workspace{margin-left:240px;flex:1;min-width:0}.topbar{height:78px;padding:0 44px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.topbar div{display:flex;gap:20px;align-items:center}.topbar strong{color:var(--ink);font-size:12px}.main{max-width:1400px;padding:40px 44px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading h1{margin-top:7px}.page-heading p{font-size:12px;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 28px}.stats article{padding:21px;background:white;border:1px solid var(--line);border-radius:12px}.stats article span{font-size:12px;color:var(--muted)}.stats article strong{display:block;font-size:34px;line-height:1.4;letter-spacing:-1px;margin-top:8px;font-weight:650}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:22px;min-width:0;overflow-wrap:anywhere}.card>p.muted{font-size:13px}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:start}.form-grid,.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.filter-bar{display:flex;align-items:end;gap:14px;margin:22px 0;flex-wrap:wrap}.filter-bar label{flex:1;min-width:130px}.filter-bar button{min-height:46px}.reporting-summary{background:#f0f4ec;border-left:3px solid #97b786;padding:15px 20px;margin-bottom:10px;border-radius:0 8px 8px 0;font-size:12px}.reporting-summary p{margin:6px 0 0;color:#60705d}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.badge{display:inline-block;font-size:10px;font-weight:650;border:1px solid #d1e3d6;background:#f0f7ee;color:#3e704d;padding:5px 10px;border-radius:20px;white-space:nowrap}.badge.warning{color:#94621a;background:#fff6e5;border-color:#edd9b5}.report{padding:23px 0;border-top:1px solid var(--line);margin-top:20px}.report p{margin-bottom:0;font-size:12px}.report details{margin-top:18px}.report details .form{margin-top:14px}.file-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.file-list a{display:grid;grid-template-columns:24px 1fr;column-gap:8px;padding:14px;border-radius:8px;border:1px solid var(--line);font-size:12px;text-decoration:none}.file-list small{grid-column:2;font-size:9px;color:var(--muted)}.file-list span{grid-row:1/3;font-size:24px;align-self:center;color:#9baf9c}.empty{padding:42px 20px;text-align:center;color:var(--muted);font-size:13px}.empty-icon{font-size:35px;color:#a2b49c;display:block;margin-bottom:12px}.empty h3{color:#65776b}.notice{background:#fff6e2;border:1px solid #eddfb7;padding:16px 20px;border-radius:9px;font-size:13px;margin-bottom:24px}.notice p{margin:8px 0 0}.notice.success{background:#eaf4e9;border-color:#c9dfc4;color:#2f613d}.app-footer{color:var(--muted);font-size:10px;padding:0 44px 24px}.list-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.list-item small{display:block;color:var(--muted);font-size:11px}.list-item button{background:white;color:var(--accent);border-color:var(--line);min-height:36px;font-size:11px;padding:7px 12px}.employee-row{border-bottom:1px solid var(--line);padding:16px 0}.employee-row summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none}.employee-row summary small{display:block;color:var(--muted);font-size:11px}.employee-row .badge{margin-left:auto}.employee-row .form{margin-top:20px}.avatar{background:#edf1e8;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#56734a;font-weight:700}.count{font-size:12px;background:#eef2ec;border-radius:6px;padding:3px 7px;margin-left:5px}.danger{color:#aa3b26;font-size:12px;font-weight:650}.setup-steps{padding-left:20px;font-size:13px}.setup-steps li{padding-left:5px;margin-bottom:18px}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:22px;font-size:12px}code{overflow-wrap:anywhere}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:45px 9%;display:flex;flex-direction:column;justify-content:space-between;background:var(--nav);color:white;min-height:100vh}.login-story .eyebrow{color:#bdd19c}.login-story h1{font-size:clamp(42px,5vw,74px);letter-spacing:-3px;margin:25px 0;font-weight:600}.login-story>div>p{color:#b1c2bb;max-width:340px;font-size:15px}.login-story small{color:#97aaa1;font-size:10px}.story-lines{display:grid;gap:17px;margin-top:45px;color:#d1ddca;font-size:12px}.login-side{display:flex;align-items:center;justify-content:center;padding:50px}.login-box{width:100%;max-width:370px}.login-box h2{font-size:28px;line-height:1.25;margin:15px 0}.login-box>p{font-size:13px;margin-bottom:30px}#loginform>p{margin-bottom:18px}#loginform .login-remember label{display:flex;align-items:center;font-weight:400;font-size:12px}#loginform input[type=submit]{width:100%}.login-box>a{font-size:12px}.employee-shell{min-height:100vh}.employee-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1150px;margin:auto;padding:30px}.subtle{font-size:12px}.employee-main{max-width:560px;margin:45px auto;padding:0 24px 60px}.employee-main h1{font-size:34px;margin-top:12px}.employee-main .form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:30px;gap:23px}.employee-main .form>button{width:100%}.upload-zone{position:relative;display:grid;gap:9px;text-align:center;border:1px dashed #9db3a3;border-radius:10px;padding:28px 18px;background:#f8faf6;color:#5f735e;font-weight:400}.upload-zone strong{font-size:14px;color:var(--accent)}.upload-zone>span:not(.upload-symbol){font-size:10px}.upload-symbol{font-size:26px;line-height:1}.upload-zone input{border:0;max-width:100%;padding:7px;margin-top:9px;background:#f8faf6}.photo-previews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.photo-previews:empty{display:none}.photo-previews figure{margin:0;overflow:hidden}.photo-previews img{width:100%;height:80px;object-fit:cover;border-radius:6px}.photo-previews figcaption{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-footnote{text-align:center;color:var(--muted);font-size:10px;margin-top:25px}.upload-message{font-size:12px;margin:0}.upload-message:empty{display:none}.task-context{background:#f0f4ec;border-radius:8px;padding:15px;font-size:12px}.task-context p{margin:8px 0 0;white-space:pre-wrap}.task-context strong{display:block}.task-context[hidden]{display:none}button:disabled{opacity:.55;cursor:wait}@media(min-width:1550px){.main{margin:auto}}@media(max-width:1100px){.sidebar{width:205px}.workspace{margin-left:205px}.topbar{padding:0 24px}.main{padding:32px 24px}.stats{gap:10px}.stats article{padding:17px}.columns{grid-template-columns:1fr}.app-footer{padding:0 24px 24px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px}.app-shell{display:block}.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow-x:auto;margin-top:18px;padding-bottom:3px}.sidebar nav a{padding:9px 12px;white-space:nowrap;font-size:11px}.nav-number{display:none}.workspace{margin:0}.topbar{height:60px;padding:0 20px;font-size:10px}.topbar div{gap:12px}.topbar strong{font-size:10px}.main{padding:25px 16px}.page-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:24px}h1{font-size:29px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stats article strong{font-size:29px}.card{padding:20px}.form-grid,.task-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr;width:100%}.row{flex-wrap:wrap}.login-layout{grid-template-columns:1fr}.login-story{min-height:0;padding:26px}.login-story>div:not(.wordmark),.login-story>small{display:none}.login-side{padding:45px 26px}.employee-header{padding:20px}.employee-header .wordmark{font-size:15px}.employee-main{margin:28px auto}.employee-main h1{font-size:31px}.employee-main .form{padding:22px}.file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-row summary{gap:9px}.employee-row summary strong{font-size:13px}.employee-row .badge{font-size:9px}.app-footer{font-size:9px}.pagination{gap:16px}}