:root{--bg:#f5f7f8;--panel:#fff;--text:#16212a;--muted:#637181;--line:#dfe6ea;--primary:#176b87;--primary-strong:#0f5268;--secondary:#2d7d5f;--danger:#b64040;--warning:#d89b21;--success:#2d7d5f;--holiday:#e76f51;--nonwork:#e9eef1;--shadow:0 18px 40px #192a3714}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#fffffff0;align-items:center;gap:20px;min-height:68px;padding:12px clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:13px;display:inline-grid}.nav{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.nav a{min-height:38px;color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;padding:8px 12px;font-weight:650;text-decoration:none;display:inline-flex}.nav a:hover,.nav a[aria-current=page]{color:var(--primary-strong);background:#e9f4f7}.nav-toggle{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;width:42px;height:38px;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:transform .18s,opacity .18s}.account{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex}.main{width:min(1440px,100%);margin:0 auto;padding:28px clamp(16px,4vw,40px) 56px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:clamp(18px,3vw,26px)}.panel+.panel{margin-top:20px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(26px,4vw,38px);line-height:1.08}h2{margin-bottom:16px;font-size:21px}h3{margin-bottom:10px;font-size:16px}p{color:var(--muted)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px;display:flex}.page-head p{margin:0}label{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:650;display:block}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:10px 12px}input:focus,select:focus,textarea:focus{outline-offset:1px;border-color:var(--primary);outline:2px solid #176b8759}input[type=checkbox]{width:auto}.field{margin-bottom:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;display:grid}.form-grid .field{margin-bottom:0}.check-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.check-row label{align-items:center;gap:6px;margin:0;display:inline-flex}.btn{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--primary-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{border-color:var(--line);color:var(--text);background:#fff}.btn.secondary:hover{border-color:var(--primary);color:var(--primary-strong);background:#fff}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#9a3434}.btn.success{background:var(--success)}.btn.small{min-height:30px;padding:4px 10px;font-size:13px}.btn-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.linklike{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:650;text-decoration:underline}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap;padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:750}tr:last-child td{border-bottom:none}.badge{background:var(--nonwork);color:var(--muted);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.approved,.badge.active{color:var(--success);background:#e2f1ea}.badge.requested,.badge.trialing{color:#93691a;background:#faf0da}.badge.rejected,.badge.canceled,.badge.past_due{color:var(--danger);background:#f6e3e3}.badge.cancelled{background:var(--nonwork);color:var(--muted)}.badge.sick{color:var(--danger);background:#f6e3e3}.badge.vacation{color:var(--primary-strong);background:#e5eef7}.shift-chip{border-left:4px solid var(--primary);background:var(--nonwork);white-space:nowrap;border-radius:6px;margin:2px 0;padding:4px 8px;font-size:12px;line-height:1.3;display:block}.shift-chip .chip-del{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:700}.shift-chip .chip-del:hover{color:var(--danger)}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:18px 20px}.stat-card .stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.stat-card .stat-value{font-size:30px;font-weight:800;line-height:1.2}.stat-card .stat-sub{color:var(--muted);font-size:13px}.person-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.person-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.person-head{align-items:center;gap:12px;display:flex}.person-avatar{background:var(--primary);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:flex}.person-id{flex-direction:column;gap:4px;min-width:0;display:flex}.person-id strong{line-height:1.2}.person-id .badge{align-self:flex-start}.stat-chips{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.stat-chip{border-left:3px solid var(--chip,var(--line));background:var(--nonwork);border-radius:6px;flex-direction:column;gap:1px;padding:6px 10px;display:flex}.stat-chip .chip-label{color:var(--muted);font-size:12px;font-weight:700}.stat-chip .chip-value{font-size:15px;font-weight:700}.person-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:12px;font-size:14px;font-weight:600;display:flex}.plan-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.plan-card{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:10px;padding:18px;display:flex}.plan-card.current{border-color:var(--primary);outline:2px solid #176b8733}.plan-card .price{font-size:26px;font-weight:800}.plan-card .price small{color:var(--muted);font-size:13px;font-weight:500}.plan-card ul{color:var(--muted);flex:1;margin:0;padding-left:18px;font-size:14px}.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(460px,100%)}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:18px;font-size:20px;font-weight:800;display:flex}.auth-switch{text-align:center;margin-top:14px;font-size:14px}.auth-copyright{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.alert{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:14px;font-weight:600}.alert.error{color:var(--danger);background:#f6e3e3}.alert.info{color:var(--primary-strong);background:#e5eef7}.alert.warning{color:#93691a;background:#faf0da}.trial-banner{color:#93691a;background:#fdf6e3;border:1px solid #ecd9a8;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:650}.clock-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.clock-state{align-items:center;gap:12px;display:flex}.clock-dot{background:var(--muted);border-radius:50%;width:14px;height:14px}.clock-dot.running{background:var(--success);box-shadow:0 0 0 5px #2d7d5f26}.clock-dot.paused{background:var(--warning);box-shadow:0 0 0 5px #d89b212e}.week-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.week-nav strong{text-align:center;min-width:190px}.shift-grid td{vertical-align:top;white-space:normal;min-width:120px}.shift-grid td.today{background:#f2f8fa}.muted{color:var(--muted)}.mini{font-size:13px}.picker{user-select:none;max-width:100%;margin:0 0 16px;display:block}.picker-table-wrap{border:1px solid var(--line);cursor:grab;-ms-overflow-style:none;scrollbar-width:none;background:#fff;border-radius:8px;max-width:100%;overflow:hidden}.picker-table-wrap::-webkit-scrollbar{width:0;height:0;display:none}.picker.is-panning .picker-table-wrap{cursor:grabbing}.picker.selection-mode .picker-table-wrap{cursor:pointer}.picker-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:max-content;min-width:100%}.picker-table th,.picker-table td{text-align:center;border-bottom:1px solid #edf1f3;border-right:1px solid #edf1f3;padding:0}.picker-table tr:last-child th,.picker-table tr:last-child td{border-bottom:0}.picker-table th:last-child,.picker-table td:last-child{border-right:0}.picker-day-index{z-index:3;width:48px;min-width:48px;color:var(--muted);background:#f8fafb;font-size:11px;font-weight:850;position:sticky;left:0}.picker-table thead .picker-day-index{z-index:5;height:38px;top:0}.picker-table tbody .picker-day-index{height:21px}.picker-year-label{color:var(--primary-strong);font-size:12px}.picker-month-head{z-index:4;width:140px;min-width:140px;height:38px;color:var(--text);background:#f8fafb;font-size:13px;font-weight:850;position:sticky;top:0}.picker-month-head small{color:var(--muted);margin-top:2px;font-size:11px;font-weight:750;display:block}.picker-cell{background:#fff;width:140px;min-width:140px;height:21px}.picker-cell.empty{background:#f7f9fa}.picker-date{width:100%;min-height:21px;color:var(--text);cursor:inherit;touch-action:none;background:#fff;border:0;border-radius:0;place-items:center;padding:0 4px;font-size:11px;font-weight:850;display:grid}.picker-date span{line-height:1}.holiday-label{width:100%;max-width:126px;color:inherit;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800;line-height:1;display:block;overflow:hidden}.picker-date:hover{background:#e9f4f7}.picker-message{color:var(--danger);background:#fff7f5;border:1px solid #f0c2bd;border-radius:8px;margin:-6px 0 14px;padding:8px 10px;font-size:13px;font-weight:750}.picker-date.nonwork{color:#7c8993;background:#eef2f4}.picker-date.holiday{color:#a84628;background:#fff0e8}.picker-date.today{box-shadow:inset 0 0 0 1px var(--primary)}.picker-date.selected{background:var(--primary);color:#fff}.picker-date.block-range{color:#fff}.picker-date.block-edge{cursor:inherit}.picker.selection-mode .picker-date.block-edge{cursor:ew-resize}.picker-date.block-color-1,.block-item.block-color-1{background:#176b87}.picker-date.block-color-2,.block-item.block-color-2{background:#2d7d5f}.picker-date.block-color-3,.block-item.block-color-3{background:#8a5a9f}.picker-date.block-color-4,.block-item.block-color-4{background:#b85b4b}.picker-date.block-color-5,.block-item.block-color-5{background:#6f7f2f}.picker-date.block-color-6,.block-item.block-color-6{background:#3f6fa8}.picker-date.block-color-7,.block-item.block-color-7{background:#a45f2b}.picker-date.block-color-8,.block-item.block-color-8{background:#4f6f68}.picker-date.over-limit,.block-item.over-limit{background:#8f2f39}.picker-date.over-limit{color:#fff}.block-editor{gap:10px;margin:0 0 18px;display:grid}.block-editor-head h3{margin:0}.block-list{gap:8px;display:grid}.block-summary{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#f8fafb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:7px 10px;font-size:13px;font-weight:750;display:flex}.block-summary strong{color:var(--primary);font-size:16px;line-height:1}.block-summary.over-limit{color:#8f2f39;background:#fff0f0;border-color:#b6404061}.block-summary.over-limit strong{color:#8f2f39}.block-item{color:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;display:grid;overflow:hidden}.block-item.active{box-shadow:0 0 0 3px #16212a29}.block-item.over-limit.active{box-shadow:0 0 0 3px #b6404038}.block-edit,.block-delete{color:inherit;cursor:pointer;border:0}.block-edit{text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) max-content;align-items:center;gap:10px;min-height:46px;padding:8px 10px;display:grid}.block-edit strong,.block-edit span,.block-edit small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block-edit strong{font-size:13px}.block-edit span,.block-edit small{font-size:12px;font-weight:800}.block-edit small b{font-size:13px}.block-delete{background:#00000029;place-items:center;font-size:20px;font-weight:850;display:grid}.optimizer{border:1px solid var(--line);background:#f8fafb;border-radius:8px;gap:10px;margin:0 0 18px;padding:14px;display:grid}.optimizer-head h3{margin:0 0 2px}.optimizer-head p{margin:0}.optimizer-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.optimizer-controls label{gap:4px;margin:0;font-size:13px;display:grid}.optimizer-controls input{width:150px}.optimizer-results .muted{margin:0}.optimizer-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.optimizer-choice{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:3px;padding:10px 12px;display:grid}.optimizer-choice:hover,.optimizer-choice:focus-visible{border-color:var(--primary);background:#e9f4f7}.optimizer-choice strong{color:var(--primary-strong);font-size:14px}.optimizer-choice span,.optimizer-choice small{color:var(--muted);font-size:12px}.picker-mobile-months{display:none}.month-card{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;padding:12px}.month-card h3{justify-content:space-between;min-height:22px;margin-bottom:8px;display:flex}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.weekday{color:var(--muted);text-align:center;font-size:12px;font-weight:800}.day{aspect-ratio:1;min-width:0;color:var(--text);background:#f8fafb;border:1px solid #0000;border-radius:7px;align-content:start;justify-items:center;padding:3px 2px;font-size:clamp(11px,1vw,13px);font-weight:750;display:grid;position:relative;overflow:hidden}button.day{cursor:pointer;touch-action:none}button.day:hover{border-color:var(--primary)}.day.empty{background:0 0}.day.nonwork{background:var(--nonwork);color:#7c8993}.day.holiday{color:#a84628;background:#fff0e8}.day.today{border-color:var(--primary)}.day.selected{background:var(--primary);color:#fff}.day .day-note{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:7px;font-weight:800;line-height:1.1;display:block;overflow:hidden}.day.block-range{color:#fff}.day.block-edge{cursor:ew-resize}.day.block-color-1{background:#176b87}.day.block-color-2{background:#2d7d5f}.day.block-color-3{background:#8a5a9f}.day.block-color-4{background:#b85b4b}.day.block-color-5{background:#6f7f2f}.day.block-color-6{background:#3f6fa8}.day.block-color-7{background:#a45f2b}.day.block-color-8{background:#4f6f68}.day.over-limit{color:#fff;background:#8f2f39}@media (width<=820px){.picker-table-wrap{display:none}.picker-mobile-months{gap:14px;display:grid}.topbar{flex-wrap:wrap;row-gap:10px}.nav-toggle{margin-left:auto;display:inline-flex}.nav,.account{width:100%;display:none}.topbar.menu-open .nav{flex-direction:column;order:3;align-items:stretch;gap:4px;display:flex}.topbar.menu-open .nav a{width:100%;min-height:44px;padding:10px 12px}.topbar.menu-open .account{border-top:1px solid var(--line);order:4;justify-content:space-between;padding-top:10px;display:flex}.topbar.menu-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.topbar.menu-open .nav-toggle span:nth-child(2){opacity:0}.topbar.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (width<=720px){.topbar{flex-wrap:wrap}.account{justify-content:space-between;width:100%}}.planner-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-bottom:12px;font-size:.8rem;display:flex}.legend-chip{align-items:center;gap:6px;display:inline-flex}.legend-chip i{border-radius:3px;width:12px;height:12px;display:inline-block}.legend-chip .legend-free,.legend-chip i.legend-free{border:1px solid var(--line);background:#eef2f5}.legend-chip i.legend-holiday{background:#fdeee7;border:1px solid #eccfc4}.legend-chip i.legend-requested{background:#176b8780}.planner-canvas-wrap{touch-action:none;overscroll-behavior:contain;border:1px solid var(--line);cursor:grab;background:#fff;border-radius:12px;height:calc(100vh - 340px);min-height:380px;position:relative;overflow:hidden}.planner-canvas-wrap.is-panning{cursor:grabbing}.planner-canvas-wrap canvas{width:100%;height:100%;display:block}.planner-tooltip{z-index:5;pointer-events:none;color:#fff;max-width:280px;box-shadow:var(--shadow);background:#16212af0;border-radius:8px;padding:8px 10px;font-size:.78rem;line-height:1.35;position:absolute}.planner-tooltip div:first-child{font-weight:600}.planner-loading{color:var(--muted);pointer-events:none;background:#fff9;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.planner-detail{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}.gantt-wrap{height:clamp(300px,56vh,620px);margin-top:10px}.gantt-wrap.selection-mode{cursor:crosshair}.print-fallback{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media print{.planner-canvas-wrap,.planner-legend,.planner-detail{display:none}.print-fallback{clip-path:none;white-space:normal;width:auto;height:auto;position:static;overflow:visible}}.badge.suspended{color:var(--danger);background:#f6e3e3}.badge.starter,.badge.team,.badge.business{color:var(--primary-strong);background:#e5eef7}.badge.paid{color:var(--success);background:#e2f1ea}.badge.open,.badge.draft{color:#93691a;background:#faf0da}.badge.void{background:var(--nonwork);color:var(--muted)}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:20px;display:grid}.admin-stats .stat{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:16px 18px}.admin-stats .stat-num{color:var(--primary-strong);font-size:26px;font-weight:800;line-height:1.1}.admin-stats .stat-label{color:var(--muted);margin-top:4px;font-size:13px}