:root{--bg: #f4f6f4;--surface: #ffffff;--surface-2: #f0f3f0;--border: #dfe5df;--text: #15201a;--muted: #62706a;--accent: #2f8f12;--accent-strong: #26760e;--accent-soft: #e6f4df;--good: #1d7a3a;--good-soft: #e0f3e6;--bad: #b3261e;--bad-soft: #fbe6e4;--warn: #8a5a00;--warn-soft: #fdf1d6;--info: #1f5fa8;--info-soft: #e1edfa;--leave: #6b3fa0;--leave-soft: #eee6f8;--shadow: 0 1px 2px rgba(20, 40, 25, .06), 0 4px 16px rgba(20, 40, 25, .05);--radius: 12px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1411;--surface: #171d19;--surface-2: #1e2621;--border: #2a342e;--text: #e7eee9;--muted: #93a39a;--accent: #5cc93a;--accent-strong: #74d955;--accent-soft: #1d3314;--good: #6fd08c;--good-soft: #15301f;--bad: #ff8a80;--bad-soft: #3a1a18;--warn: #f0c060;--warn-soft: #33290f;--info: #86b8f2;--info-soft: #152a42;--leave: #c3a3ee;--leave-soft: #2a1f3c;--shadow: none}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:18px;margin:0 0 8px}h3{font-size:15px;margin:0 0 12px}p{margin:0}b{font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:16px 4px}.text-bad{color:var(--bad)}.text-good{color:var(--good)}.num{text-align:right;font-variant-numeric:tabular-nums}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:17px;letter-spacing:-.02em}.brand span{color:var(--accent);font-weight:600}.brand.big{font-size:24px;margin-bottom:8px}.who{display:flex;align-items:center;gap:14px;text-align:right}.who-name{font-weight:600;line-height:1.2}.who-role{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:4px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);overflow-x:auto;position:sticky;top:0;z-index:5;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{border:0;background:none;color:var(--muted);font:inherit;font-weight:500;padding:12px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.badge{background:var(--bad);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px}.content{max-width:1240px;margin:0 auto;padding:24px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head p{max-width:640px}.head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px;box-shadow:var(--shadow)}.card.narrow{width:100%;max-width:400px;padding:28px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.card-head h3{margin-bottom:2px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat-value{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-value small{font-size:13px;font-weight:500;color:var(--muted)}.stat-label{color:var(--muted);font-size:12.5px;font-weight:500}.stat-hint{color:var(--muted);font-size:12px;margin-top:2px}.stat.bad .stat-value{color:var(--bad)}.stat.good .stat-value{color:var(--good)}.stat.balance .stat-label{margin-bottom:2px}.bar{height:6px;border-radius:99px;background:var(--surface-2);margin:8px 0 6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--accent);border-radius:99px}.btn{font:inherit;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-strong)}.btn.danger{color:var(--bad);border-color:var(--bad-soft);background:var(--bad-soft)}.btn.ghost{background:transparent}.btn.small{padding:4px 10px;font-size:12.5px}.btn.block{width:100%;padding:11px}@media(prefers-color-scheme:dark){.btn.primary{color:#0c1a08}}.link{border:0;background:none;padding:0;font:inherit;color:var(--accent-strong);cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-right:12px}.link:disabled{color:var(--muted);cursor:default;text-decoration:none}.icon-btn{border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus,.btn:focus-visible,.tab:focus-visible,.cal-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled{background:var(--surface-2);color:var(--muted)}textarea{resize:vertical}.field{display:block;flex:1;min-width:0}.field>span{display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:4px}.field em{font-style:normal;font-weight:400}.form{padding:18px;display:grid;gap:14px}.form.flush{padding:0}.row{display:flex;gap:12px}.row.three>*{flex:1 1 0}.actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.hint{font-size:12.5px;color:var(--muted);background:var(--surface-2);border-radius:8px;padding:9px 12px}.alert{border-radius:8px;padding:9px 12px;font-size:13px}.alert.bad{background:var(--bad-soft);color:var(--bad)}.alert.warn{background:var(--warn-soft);color:var(--warn)}.alert.gap,.hint.gap{margin-bottom:16px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar>input,.toolbar>select,.head-actions>select,.card-head>select,.month-input{width:auto}.toolbar .search{flex:1 1 220px;min-width:180px}.check{display:flex;gap:6px;align-items:center;color:var(--muted);white-space:nowrap}.check input{width:auto}.segmented{display:inline-flex;background:var(--surface-2);border-radius:9px;padding:3px}.segmented button{border:0;background:none;font:inherit;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:7px;cursor:pointer;white-space:nowrap}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000001f}.login{display:grid;gap:14px}.login-links{display:flex;justify-content:space-between}.pill{display:inline-block;min-width:30px;text-align:center;font-size:11px;font-weight:700;padding:1px 6px;border-radius:6px;letter-spacing:.02em}.pill.wide{padding:2px 9px;text-transform:capitalize;font-size:11.5px}.pill.good{background:var(--good-soft);color:var(--good)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.leave{background:var(--leave-soft);color:var(--leave)}.pill.muted{background:var(--surface-2);color:var(--muted)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-head{font-size:11.5px;font-weight:600;color:var(--muted);text-align:center;padding-bottom:2px;text-transform:uppercase;letter-spacing:.04em}.cal-cell{font:inherit;color:inherit;text-align:left;min-height:78px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:6px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;overflow:hidden}.cal-cell.blank{border:0;background:none}.cal-cell.clickable{cursor:pointer}.cal-cell.clickable:hover{border-color:var(--accent)}.cal-cell:disabled{opacity:1}.cal-cell.tone-muted{background:var(--surface-2)}.cal-cell.tone-bad{background:var(--bad-soft);border-color:transparent}.cal-cell.tone-good{background:var(--good-soft);border-color:transparent}.cal-cell.tone-info{background:var(--info-soft);border-color:transparent}.cal-cell.tone-leave{background:var(--leave-soft);border-color:transparent}.cal-date{font-weight:600;font-size:13px}.cal-time{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cal-pending{font-size:10.5px;font-weight:600;color:var(--warn)}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto;margin:0 -6px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th.num{text-align:right}td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap}td.wrap{white-space:normal;min-width:160px;max-width:280px}tr:last-child td{border-bottom:0}table.hover tbody tr:hover{background:var(--surface-2)}tr.clickable{cursor:pointer}.row-actions{text-align:right}.row-actions>*{margin-left:6px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080e0a8c;display:grid;place-items:start center;padding:5vh 12px;overflow-y:auto;z-index:20}.modal{background:var(--bg);border-radius:14px;width:100%;max-width:560px;border:1px solid var(--border);box-shadow:0 20px 60px #0000004d}.modal:has(.detail){max-width:1040px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.detail{padding:18px}.choice-list{display:grid;gap:8px}.choice{font:inherit;color:inherit;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:12px 14px;cursor:pointer;display:grid;gap:2px}.choice:hover{border-color:var(--accent)}.choice span{color:var(--muted);font-size:12.5px}@media(max-width:720px){.topbar{padding:10px 14px}.tabs{padding:0 8px}.content{padding:16px 12px}.row{flex-direction:column}.cal-cell{min-height:58px;padding:4px;border-radius:8px}.cal-time,.cal-pending{display:none}.calendar{gap:3px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.who-role{display:none}}