:root{--cream:#f0eae0;--paper:#fffdf9;--card:#fff;--navy:#12233b;--navy2:#1c3350;--ink:#20242b;--muted:#726a5c;--gold:#c9902f;--gold-d:#a7761d;--line:#e5ddcd;--line2:#d8ceba;--green:#2e7d5b;--greenbg:#e6f2ec;--shadow:0 1px 2px #1419280d,0 6px 18px #14192812;--radius:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.app{max-width:760px;margin:0 auto;padding:0 16px 48px}.topbar{z-index:10;background:var(--cream);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 2px 12px;display:flex;position:sticky;top:0}.topbar .back{background:var(--card);border:1px solid var(--line2);width:38px;height:38px;color:var(--navy);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.topbar .ttl{color:var(--navy);flex:1;min-width:0;font-size:17px;font-weight:700;line-height:1.15}.topbar .ttl small{color:var(--muted);font-size:12px;font-weight:500;display:block}.topbar .who{color:var(--muted);text-align:right;flex-shrink:0;font-size:11px}.topbar .who b{color:var(--navy2);font-size:12px;display:block}.brand{align-items:center;gap:10px;margin:26px 2px 6px;display:flex}.brand .logo{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;font-weight:800;display:flex}.brand h1{color:var(--navy);margin:0;font-size:20px}.brand p{color:var(--muted);margin:0;font-size:12px}.lead{color:var(--muted);margin:4px 2px 16px;font-size:13.5px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow);flex-direction:column;gap:10px;min-height:104px;padding:15px 15px 16px;transition:transform .12s,box-shadow .18s,border-color .18s;display:flex}.tile:hover{border-color:var(--line2);box-shadow:0 2px 6px #1419280f,0 10px 24px #14192812}.tile:active{transform:scale(.98)}.tile .ic{width:42px;height:42px;color:var(--gold-d);background:#f4efe6;border-radius:12px;justify-content:center;align-items:center;display:flex}.tile .lb{color:var(--navy);font-size:14px;font-weight:600;line-height:1.25}.tile .meta{color:var(--muted);margin-top:auto;font-size:11.5px}.tile .bar{background:var(--line);border-radius:3px;height:5px;margin-top:6px;overflow:hidden}.tile .bar span{background:var(--green);border-radius:3px;height:100%;display:block}.row{background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:12px;margin-bottom:10px;padding:12px 14px}.viewonly{color:#a5493f;background:#f9ece9;border:1px solid #eecfc9;border-radius:10px;margin-bottom:12px;padding:9px 12px;font-size:12.5px}.wk{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;margin-bottom:10px;padding:13px 15px;transition:border-color .15s}.wk.done{background:#fdfcf9;border-color:#e2ddce}.wk-top{align-items:center;gap:10px;margin-bottom:11px;display:flex}.wk-dot{border:2px solid;border-radius:50%;flex-shrink:0;width:12px;height:12px}.wk-name{color:var(--navy);flex:1;font-size:14.5px;font-weight:600}.wk-badge{white-space:nowrap;color:#9a9080;background:#f2ece1;border-radius:20px;padding:3px 11px;font-size:11px;font-weight:600}.wk-badge.done{background:var(--greenbg);color:var(--green)}.wk-ctrls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wk-ctrls input[type=date]{border:1px solid var(--line2);background:var(--paper);min-width:140px;color:var(--ink);border-radius:11px;flex:1;padding:10px 11px;font-size:14px}.wk-ctrls input[type=text]{border:1px solid var(--line2);background:var(--paper);border-radius:11px;flex:2;min-width:160px;padding:10px 11px;font-size:14px}.wk-ctrls input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c9902f1f}.wk-clear{border:1px solid var(--line2);color:var(--muted);background:0 0;border-radius:11px;flex-shrink:0;padding:9px 12px;font-size:12.5px}.wk-meta{color:#9aa1ab;margin-top:9px;font-size:11.5px}.hist{margin-bottom:14px}.hist-toggle{color:#33465c;background:#f2f6fc;border:1px solid #d9e3f1;border-radius:12px;align-items:center;gap:7px;width:100%;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.hist-toggle .hist-chev{color:#94a1b2;margin-left:auto;font-size:10px}.hist-list{background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:12px;margin-top:8px;padding:6px 4px}.hist-row{border-bottom:1px solid #f1ece2;align-items:baseline;gap:10px;padding:8px 12px;display:flex}.hist-row:last-child{border-bottom:none}.hist-txt{color:#2b3d57;flex:1;min-width:0;font-size:13px;line-height:1.35}.hist-when{color:#9aa1ab;white-space:nowrap;flex-shrink:0;font-size:11px}.btn{background:var(--navy);color:#fff;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold-d))}.btn.ghost{background:var(--card);color:var(--navy);border:1px solid var(--line2)}.btn.block{width:100%}.btn-row{gap:10px;margin:16px 0;display:flex}.btn-row .btn{flex:1}.saving{background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:50;border-radius:20px;padding:9px 16px;font-size:13px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.login{text-align:center;max-width:400px;margin:8vh auto 0;padding:0 20px}.login .card{background:var(--card);border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:18px;padding:28px 22px}.login h2{color:var(--navy);margin:6px 0 2px}.login p{color:var(--muted);margin:0 0 20px;font-size:13px}.login .field{text-align:left;margin-bottom:12px}.login label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.login input{border:1px solid var(--line2);background:var(--paper);border-radius:11px;width:100%;padding:11px 12px;font-size:15px}.google{border:1px solid var(--line2);color:#3c4043;background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:600;display:flex}.or{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;margin:16px 0;font-size:11px;display:flex}.or:before,.or:after{content:"";background:var(--line2);flex:1;height:1px}.or span{padding:0 10px}.err{color:#b23b3b;margin:10px 0 0;font-size:13px}.g-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:2px 2px 14px;display:flex}.g-title{color:var(--navy);letter-spacing:-.3px;font-size:19px;font-weight:800}.g-sub{color:var(--muted);margin-top:2px;font-size:12.5px}.g-dl{flex-shrink:0;gap:8px;display:flex}.g-dlbtn{background:var(--card);border:1px solid var(--line2);color:var(--navy);letter-spacing:.03em;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700}.g-dlbtn.accent{color:#fff;background:#2563eb;border:none}.g-dlbtn:active{transform:translateY(1px)}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:14px 4px 0;font-size:11.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:11px;height:11px;display:inline-block}.g-card{background:#fff;border:1.5px solid #cdd9ea;border-radius:16px;display:flex;overflow:hidden;box-shadow:0 1px 3px #1428500f,0 16px 40px #1428501a}.g-left{z-index:2;background:#fff;border-right:1px solid #e2e9f3;flex:none;width:172px}.g-corner{color:#8ea2c4;text-transform:uppercase;letter-spacing:.08em;background:#16233b;border-bottom:1px solid #0e1830;align-items:flex-end;padding:0 14px 9px;font-size:11px;font-weight:700;display:flex}.g-lsec{background:#eef3fa;border-bottom:1px solid #e2e9f3;justify-content:space-between;align-items:center;gap:6px;padding:0 12px 0 14px;display:flex}.g-lsname{color:#243b5a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.g-lcount{color:#64748b;flex-shrink:0;font-size:11px;font-weight:700}.g-lrow{align-items:center;gap:9px;padding:0 12px;display:flex}.g-lrow.pend .g-lname{color:#9aa7b8}.g-lname{color:#33465c;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;overflow:hidden}.g-ldot{border:2px solid;border-radius:50%;flex-shrink:0;width:9px;height:9px}.g-right{-webkit-overflow-scrolling:touch;flex:auto;overflow-x:auto}@media (width<=560px){.g-left{width:126px}.g-lsname,.g-lname{font-size:11.5px}.g-lrow{gap:7px;padding:0 9px}.g-lsec{padding:0 9px 0 11px}}.pill{color:#5a4a2a;background:#efe8db;border:1px solid #e4dcc9;border-radius:20px;margin-left:8px;padding:3px 10px;font-size:11px;display:inline-block}.empty{text-align:center;color:var(--muted);padding:40px 10px;font-size:14px}.pt{flex-direction:column;gap:12px;display:flex}.pt-sec{background:#fff;border:1.5px solid #cdd9ea;border-radius:14px;padding:13px 15px 9px;box-shadow:0 1px 2px #1428500d,0 8px 22px #14285012}.pt-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.pt-name{color:#16233b;letter-spacing:-.2px;font-size:15px;font-weight:700}.pt-ct{color:#55667a;background:#eef3fa;border-radius:20px;flex-shrink:0;padding:3px 11px;font-size:12px;font-weight:700}.pt-ct.full{color:#0f9d6b;background:#e6f5ee}.pt-prog{background:#e9eff8;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.pt-prog span{background:linear-gradient(90deg,#3b5bdb,#0ea5e9);border-radius:3px;height:100%;transition:width .3s;display:block}.pt-rows{position:relative}.pt-rows:before{content:"";background:#e6ecf5;width:2px;position:absolute;top:16px;bottom:16px;left:5.5px}.pt-row{align-items:center;gap:12px;padding:7.5px 0;display:flex;position:relative}.pt-dot{z-index:1;box-sizing:border-box;border:2.5px solid;border-radius:50%;flex-shrink:0;width:13px;height:13px}.pt-wn{color:#2b3d57;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13.5px;overflow:hidden}.pt-row.pend .pt-wn{color:#9aa7b8}.pt-dt{color:#54657d;flex-shrink:0;font-size:12.5px;font-weight:600}.pt-pd{color:#aab4c2;flex-shrink:0;font-size:11.5px;font-weight:500}.admin-work{background:var(--card);border:1px solid var(--line2);border-radius:11px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.admin-work .nm{color:var(--navy);background:0 0;border:none;flex:1;padding:6px;font-size:14px}.admin-work .nm:focus{outline:1px solid var(--line2);background:var(--paper);border-radius:6px}.iconbtn{border:1px solid var(--line2);background:var(--paper);width:34px;height:34px;color:var(--navy);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.iconbtn.danger{color:#b23b3b}.seg{background:var(--card);border:1px solid var(--line2);border-radius:11px;gap:6px;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.seg button{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;padding:8px 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--navy);color:#fff}