:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#203b34;background:#f4f5f0;font-synthesis:none;--card:#fff;--line:#dde3dc;--muted:#687a73;--accent:#163e36;--bg:#f4f5f0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:12px;padding:12px 16px;min-height:46px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d7ab53;outline-offset:2px}header{padding:calc(20px + env(safe-area-inset-top)) 24px 20px;display:flex;align-items:center;gap:12px;background:var(--card);border-bottom:1px solid var(--line)}header h1{font-size:22px;margin:0 0 4px}.brand{font-size:30px;background:var(--accent);color:#e9d7a3;padding:8px 13px;border-radius:14px}.connection{margin-left:auto;font-size:12px;color:var(--muted)}small{font-size:12px;color:var(--muted);display:block;line-height:1.6}main{max-width:1000px;margin:auto;padding:28px 22px calc(110px + env(safe-area-inset-bottom))}h2{font-size:22px;margin:10px 0}h3{font-size:17px;margin:16px 0}p{color:var(--muted);font-size:14px;line-height:1.7}.eyebrow{font-size:13px;margin-bottom:14px;color:var(--muted)}.hero{background:var(--accent);color:#fff;padding:26px;border-radius:20px;display:grid;gap:12px}.hero strong{font-size:38px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.hero small{color:#b9d0c2}.hero span{font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:16px 0}.metric{padding:18px;background:var(--card);min-width:0}.metric strong{display:block;font-size:21px;margin-top:7px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.negative,.danger{color:#b74b3c}.notice{background:#e9eee2;border-radius:12px;padding:14px;font-size:13px;line-height:1.6;color:#526248}.title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}.title h3{margin:0}.title small{display:inline}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{text-align:left;padding:18px;border-radius:18px;min-width:0}.project-card .title{margin:0 0 10px}.badge{font-size:11px;border-radius:20px;padding:5px 10px;background:#e8eee1;color:#42613c;white-space:nowrap}.card-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;gap:14px}.card-grid .metric{padding:0}.card-grid strong{font-size:20px}.card-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:13px;font-size:12px;color:var(--muted)}.empty{text-align:center;padding:25px;color:var(--muted)}.big{padding:50px 20px;border:1px dashed var(--line);border-radius:16px;margin-top:20px;line-height:2}.check{display:flex;align-items:center;gap:10px;font-size:14px;margin:14px 0}.check input{width:22px;height:22px;accent-color:var(--accent)}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:20px;border-top:1px solid var(--line);background:var(--card);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:2}nav button{display:grid;gap:2px;border:0;min-width:70px;padding:4px 16px;font-size:12px;background:transparent;color:var(--muted)}nav span{font-size:24px}nav .active{color:var(--accent);background:#e9eee2}.row{display:flex;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin:10px 0;align-items:center}.row span{display:block;font-size:14px;margin-top:8px}.row strong{display:block;margin-top:8px}.actions{display:flex;gap:5px;flex-shrink:0}.actions button{padding:8px 10px;font-size:13px}.panel{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:16px;margin:18px 0}.wide{display:block;width:100%;margin:16px 0}.file-button{position:relative;border:1px solid var(--line);border-radius:12px;padding:15px;text-align:center;display:block;cursor:pointer;margin:12px 0}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.error{background:#fbe8e3;color:#9c3425;border-radius:12px;padding:14px;margin-bottom:15px;overflow-wrap:anywhere;font-size:14px}.back{border:0;background:transparent;padding-left:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10271cc0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.modal{background:var(--bg);padding:22px;max-width:560px;width:100%;max-height:calc(100dvh - 40px);overflow:auto;border-radius:22px}.modal .title{margin-top:0}.modal label:not(.check){display:grid;gap:8px;margin-bottom:16px;font-size:14px}.modal input:not([type=checkbox]),select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--card);color:inherit;font-size:16px;min-width:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.worker-entry{border:1px solid var(--line);border-radius:14px;padding:0 14px;margin:10px 0;background:var(--card)}@media(max-width:600px){header{padding-left:18px;padding-right:18px}header small{font-size:11px}main{padding:22px 16px calc(100px + env(safe-area-inset-bottom))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px}.project-grid{grid-template-columns:1fr}.title{flex-wrap:wrap}.hero strong{font-size:36px}.overlay{padding:0;align-items:flex-end}.modal{max-height:94dvh;border-radius:22px 22px 0 0;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.row{gap:8px;padding:14px}.actions{flex-direction:column}nav{gap:6px}nav button{flex:1;padding:4px;min-width:0}}@media(prefers-color-scheme:dark){:root{color:#e0e9df;background:#141d19;--bg:#141d19;--card:#202d26;--line:#36453b;--muted:#a5b5aa;--accent:#2a6352}.notice,nav .active{background:#2a3b2c;color:#c4d5b8}.badge{background:#334c35;color:#c6dfb8}.error{background:#512e29;color:#ffb9aa}.danger,.negative{color:#ffac9c}}.worker-account .title{margin-top:0}.worker-paid{background:var(--bg);border-radius:12px;padding:18px}.worker-paid strong{display:block;font-size:30px;margin-top:8px;font-variant-numeric:tabular-nums}.worker-totals{display:flex;flex-wrap:wrap;gap:22px;padding:18px 0 0}.worker-totals b{display:block;font-size:20px;margin-top:6px}.worker-project{border-bottom:1px solid var(--line);padding:12px 0}.worker-account .wide{margin-bottom:0}.worker-account .row{padding:12px;flex-wrap:wrap}.worker-account .row b{font-size:14px}
