:root{--bg:#f6f7fb;--card-bg:#fff;--text:#1f2430;--muted:#6b7280;--border:#e3e6ee;--accent:#16a34a;--accent-hover:#15803d;--accent-soft:#16a34a1f;--brand:#15803d;--danger:#b91c1c;--danger-bg:#fdecec;--ok:#15803d;--ok-bg:#e7f6ec;--sans:system-ui, "Segoe UI", Roboto, Arial, sans-serif;--control-h:40px;--gap-box:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:15px}#root{min-height:100dvh}.auth{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:360px;padding:26px 22px}.auth-brand{color:var(--brand);letter-spacing:.3px;margin:0 0 4px;font-size:26px}.auth-sub{color:var(--muted);margin:0 0 16px}.field{text-align:left;margin-bottom:var(--gap-box);display:block}.field span{color:var(--muted);margin:9px 0 6px;font-size:13px;display:block}.field input{width:100%;height:var(--control-h);border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:10px;padding:0 12px;font-size:16px}.field input:focus{border-color:var(--accent);outline:none}.btn{height:var(--control-h);background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:15px;font-weight:600}.btn:active{background:var(--accent-hover)}.btn:disabled{opacity:.6}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn.wide{width:100%;margin-top:6px}.error{background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:10px 12px;font-size:13px}.note{background:var(--accent-soft);color:var(--text);border-radius:10px;padding:10px 12px;font-size:13px}.row-center{justify-content:center;gap:10px;margin:12px 0;display:flex}.app{min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}.screen{max-width:520px;margin:0 auto;padding:18px 16px 8px}.screen-head{margin-bottom:var(--gap-box);justify-content:space-between;align-items:center;gap:10px;display:flex}.screen-head h1{margin:0;font-size:20px}.period{height:var(--control-h);border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:10px;padding:0 10px;font-size:14px}.card{background:var(--card-bg);border:1px solid var(--border);margin-bottom:var(--gap-box);border-radius:14px;padding:14px 16px}.card.center{text-align:center;padding:26px 16px}.card.list{padding:4px 16px}.big{margin:6px 0 2px;font-size:17px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12.5px}.pad{padding:10px 0}.center-text{text-align:center}.danger{color:var(--danger)}.hero{align-items:center;gap:14px;padding:16px;display:flex}.hero-avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:58px;height:58px}.hero-avatar.placeholder{background:var(--accent-soft);color:var(--brand);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex}.hero-who{flex:1;min-width:0}.hero-name{overflow-wrap:anywhere;margin:0 0 6px;font-size:17px;font-weight:700}.pills{flex-wrap:wrap;gap:6px;display:flex}.pill{background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12px}.pill.role{background:var(--accent-soft);color:var(--brand);border-color:#0000;font-weight:600}.screen-head.sub{margin-top:4px}.screen-head.sub h2{margin:0;font-size:15.5px}.kpi{text-align:center;flex-direction:column;align-items:center;margin-bottom:0;padding:14px 8px;display:flex}.kpi-num{font-size:22px;font-weight:700}.kpi-label{color:var(--muted);margin-top:2px;font-size:12px}.kpi.total{margin-bottom:var(--gap-box);background:var(--accent-soft);border-color:#0000}.kpi.total .kpi-num{color:var(--brand);font-size:28px}.kpi-grid{gap:var(--gap-box);margin-bottom:var(--gap-box);grid-template-columns:1fr 1fr;display:grid}.btn.tall{height:52px;margin-top:10px;font-size:16px}.btn.out{background:var(--danger)}.accent{color:var(--brand)}.io-row{justify-content:space-around;margin:10px 0 14px;display:flex}.io-time{margin:2px 0 0;font-size:18px;font-weight:700}.att-row{border-bottom:1px solid var(--border);text-align:right;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:6px;padding:10px 0;font-size:13.5px;display:grid}.att-row span:first-child{text-align:left}.att-row:last-child{border-bottom:none}.att-row.head{color:var(--muted);font-size:12px;font-weight:600}.hero-ranks{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;margin-left:auto;display:flex}.hr-line{align-items:baseline;gap:6px;display:flex}.hr-num{color:var(--brand);font-size:19px;font-weight:700}.hr-label{color:var(--muted);font-size:11px}.ok-text{color:var(--brand);margin:8px 0 0;font-size:13.5px}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;font-size:14.5px;display:flex}.stat-row:last-child{border-bottom:none}.stat-row.total{font-weight:700}.stat-row.total strong{color:var(--brand);font-size:17px}.act-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:11px 0;display:flex}.act-row:last-child{border-bottom:none}.act-main{min-width:0}.act-kind{font-size:14px;font-weight:600;display:block}.act-detail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:12.5px;display:block;overflow:hidden}.act-side{text-align:right;flex-shrink:0}.act-amount{font-size:14px;font-weight:600;display:block}.void-badge{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin-top:2px;padding:1px 8px;font-size:11.5px;display:inline-block}.avatar{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:84px;height:84px;margin:4px auto 8px;display:block}.avatar.placeholder{background:var(--accent-soft);color:var(--brand);justify-content:center;align-items:center;font-size:34px;font-weight:700;display:flex}.tabs{background:var(--card-bg);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:1px;padding:8px 0 6px;font-size:11.5px;display:flex}.tabs button.on{color:var(--brand);font-weight:600}.t-ico{font-size:19px}.list-note{margin:0 0 8px 2px}.staff-row{border:none;border-bottom:1px solid var(--border);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:11px 2px;display:flex}.staff-row.on{background:var(--accent-soft)}.staff-rank{color:var(--brand);min-width:34px;font-weight:700}.staff-who{flex-direction:column;flex:1;min-width:0;display:flex}.staff-name{overflow-wrap:anywhere;font-weight:600}.staff-total{font-size:16px;font-weight:700}.staff-detail{border-bottom:1px solid var(--border);background:#fbfcfd;padding:4px 8px 10px 44px}.error-text{color:var(--danger)}.day-nav{align-items:center;gap:8px;padding:10px 12px;display:flex}.day-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.day-btn:disabled{opacity:.35}.day-mid{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.day-today{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.att-row.wide-name{grid-template-columns:1.7fr .9fr .9fr 1.1fr}.att-row .block{display:block}.att-row.absent{opacity:.65}.absent-tag{color:var(--danger);font-weight:600}.kind-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.kind-btn{border:1px solid var(--border);height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:10px;font-size:14px}.kind-btn.on{background:var(--accent-soft);border-color:var(--brand);color:var(--brand);font-weight:700}.field textarea{border:1px solid var(--border);width:100%;font:inherit;resize:vertical;background:#fff;border-radius:10px;padding:9px 11px;font-size:15px}.req-kind{font-weight:600}.req-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;display:flex}.req-row:last-child{border-bottom:none}.req-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.req-side{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.req-status{border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}.req-status.pending{color:#b45309;background:#fff7e6}.req-status.approved{background:var(--ok-bg,#e7f6ec);color:var(--brand)}.req-status.rejected{color:var(--danger);background:#fdecec}.req-status.cancelled{background:var(--bg);color:var(--muted)}.req-cancel{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px;text-decoration:underline}.req-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.btn.approve,.btn.reject{width:auto;height:34px;padding:0 14px;font-size:13.5px}.btn.reject{color:var(--danger);border:1px solid var(--danger);background:#fff}