:root{--ink: #0b0b0b;--ink2: #52514e;--muted: #898781;--grid: #c4c4c4;--base: #c3c2b7;--border: #d5d3ca;--surface: #fcfcfb;--surface-2: #ffffff;--surface-3: #f0efe9;--page: #f9f9f7;--brand: #2a78d6;--brand-dark: #1c5cab;--brand-pale: #eaf2fc;--danger: #d03b3b;--nippo-bg: #fffbe9;--uncat: #d7d5cc;color-scheme:light}:root[data-theme=dark]{--ink: #e9e9ec;--ink2: #b4b3b9;--muted: #8b8a90;--grid: #55555f;--base: #4a4a53;--border: #3a3a43;--surface: #1f1f24;--surface-2: #26262d;--surface-3: #2d2d35;--page: #161619;--brand: #4a90e4;--brand-dark: #8fb8f0;--brand-pale: #21344b;--danger: #e66767;--nippo-bg: #3a3320;--uncat: #4a4a52;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--page)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:13px}.app-header{display:flex;align-items:center;gap:24px;height:56px;padding:0 20px;background:var(--surface-2);border-bottom:1px solid var(--border)}.app-logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;white-space:nowrap}.app-logo img{width:28px;height:28px}.app-nav{display:flex;gap:8px;flex:1}.app-nav a{padding:16px 14px;color:var(--ink2);text-decoration:none;font-size:14px;border-bottom:3px solid transparent}.app-nav a.active{color:var(--brand-dark);font-weight:700;border-bottom-color:var(--brand)}.app-user{display:flex;align-items:center;gap:12px;white-space:nowrap}.app-user .avatar{width:26px;height:26px;border-radius:50%;background:var(--brand-pale);color:var(--brand-dark);border:1px solid var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.link-button{background:none;border:none;color:var(--muted);font-size:13px;padding:4px}.link-button:hover{color:var(--ink)}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;width:32px;height:32px;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--surface-3)}.btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink2);font-size:13px}.btn:hover{background:var(--page)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.btn.primary:hover{background:var(--brand-dark)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.active{background:var(--brand-pale);border-color:var(--brand);color:var(--brand-dark);font-weight:700}.page{padding:20px;max-width:1100px}.page-title{font-size:17px;font-weight:700;margin:0 0 16px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sub-tabs{display:flex;gap:6px;padding:10px 20px 0;border-bottom:1px solid var(--border);background:var(--surface-2)}.sub-tabs a{padding:8px 18px;text-decoration:none;color:var(--ink2);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;background:var(--surface-3);font-size:13px}.sub-tabs a.active{background:var(--surface-2);color:var(--brand-dark);font-weight:700}.master-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border)}.master-table th,.master-table td{padding:8px 12px;border-bottom:1px solid var(--grid);text-align:left;font-size:13px}.master-table th{background:var(--surface-3);color:var(--ink2);font-weight:700;white-space:nowrap}.master-table tr:hover td{background:var(--brand-pale)}.master-table .inactive td{color:var(--muted)}.chip{display:inline-block;width:14px;height:14px;border-radius:3px;vertical-align:-2px;margin-right:6px;border:1px solid rgba(0,0,0,.08)}.badge{display:inline-block;padding:1px 8px;border-radius:9px;font-size:11px;background:var(--brand-pale);color:var(--brand-dark)}.badge.gray{background:#eeede8;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;z-index:100}.modal{background:var(--surface-2);border-radius:12px;width:520px;max-width:94vw;max-height:84vh;overflow-y:auto;box-shadow:0 8px 32px #00000040}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:16px}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--border)}.form-row{display:flex;align-items:center;margin-bottom:14px}.form-row>label{width:130px;flex-shrink:0;font-size:13px;font-weight:700;color:var(--ink2)}.form-row .required:after{content:" ＊";color:var(--danger)}.form-row input[type=text],.form-row input[type=password],.form-row input[type=number],.form-row select{flex:1;height:32px;padding:0 10px;border:1px solid var(--base);border-radius:6px}.form-row input:focus,.form-row select:focus{outline:2px solid var(--brand-pale);border-color:var(--brand)}.form-error{color:var(--danger);font-size:12.5px;margin:8px 0}.form-hint{color:var(--muted);font-size:11.5px;margin-left:8px}.clearable{position:relative;display:flex;flex:1}.clearable input{flex:1;padding-right:28px!important}.clear-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;border-radius:50%;background:var(--surface-3);color:var(--ink2);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}.clear-btn:hover{background:var(--danger);color:#fff}fieldset:disabled .clear-btn{display:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page)}.login-box{width:380px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:36px;box-shadow:0 4px 16px #0000000f}.login-box h1{font-size:20px;margin:0 0 28px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.login-box h1 img{width:30px;height:30px}.login-box label{display:block;font-size:13px;font-weight:700;color:var(--ink2);margin-bottom:6px}.login-box input{width:100%;height:36px;padding:0 10px;margin-bottom:16px;border:1px solid var(--base);border-radius:6px}.login-box .btn{width:100%;height:38px;font-size:14px}.placeholder{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px}.schedule-page{padding:12px 16px}.chart-toolbar{flex-wrap:wrap}.range-label{display:inline-flex;align-items:center;justify-content:center;min-width:230px;height:30px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-size:13px}.toolbar-right{margin-left:auto;color:var(--ink2);font-size:13px}.toolbar-right.hint{font-size:11px;color:var(--muted)}.wc{background:var(--surface);border:1px solid var(--border);user-select:none;-webkit-user-select:none}.wc-header{display:flex;height:26px;border-bottom:1px solid var(--border);background:var(--surface-3)}.wc-datecell{width:96px;flex-shrink:0;padding:8px 0 0 12px;font-size:12.5px;font-weight:700;border-right:1px solid var(--grid);background:var(--surface-3)}.wc-header .wc-datecell{border-right-color:transparent}.wc-datecell.sat{color:#2a78d6}.wc-datecell.sun{color:#d03b3b}.wc-timeaxis{position:relative;flex:1}.wc-hourlabel{position:absolute;top:6px;transform:translate(3px);font-size:10.5px;color:var(--muted)}.wc-row{display:flex;border-bottom:1px solid var(--grid)}.wc-row.today{outline:1.6px solid var(--brand);outline-offset:-1.6px}.wc-row.today .wc-datecell{background:var(--brand-pale)}.wc-daybody{position:relative;flex:1;touch-action:pan-y;cursor:crosshair}.wc-hourline{position:absolute;top:0;bottom:0;width:1px;background:var(--grid);pointer-events:none}.wc-halfline{position:absolute;top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--grid) 0 2px,transparent 2px 5px);opacity:.7;pointer-events:none}.wc-bar{position:absolute;border-radius:3px;padding:3px 6px 0 7px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px #ffffff8c;line-height:1.35}.wc-bar.allday{left:.3%;width:99.4%;height:20px;padding-top:1px;display:flex;gap:8px}.wc-bar.readonly{opacity:.92}.wc-bar.important{box-shadow:0 0 0 1.6px #d03b3b}.wc-bar-time{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;pointer-events:none}.wc-bar.allday .wc-bar-time{display:inline}.wc-bar-title{font-size:12.5px;white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.wc-bar-title:hover{text-decoration:underline}.wc-bar-title.empty{opacity:.5;font-style:italic}.wc-rsz{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize}.wc-rsz-l{left:0}.wc-rsz-r{right:0}.wc-inline{position:absolute;left:4px;right:4px;top:16px;height:22px;border:1px solid var(--brand);border-radius:3px;padding:0 6px;font-size:12px}.wc-ghost{position:absolute;top:3px;bottom:3px;background:#2a78d640;border:1.6px dashed var(--brand);border-radius:3px;pointer-events:none;display:flex;align-items:flex-start;padding:3px 6px}.wc-ghost span{font-size:10.5px;font-weight:700;color:var(--brand-dark);white-space:nowrap}.wc-ghost.copy{background:#1baf7a40;border-color:#1baf7a}.wc-ghost.copy span{color:#0d7d55}.chart-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 4px;font-size:11.5px;color:var(--ink2)}.legend-title{color:var(--muted)}.legend-item{white-space:nowrap}.context-menu{position:fixed;z-index:200;min-width:150px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #0000002e;padding:4px}.context-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 14px;font-size:13px;border-radius:5px;color:var(--ink)}.context-item:hover{background:var(--brand-pale)}.context-item.danger{color:var(--danger)}.multi-picker{position:relative;display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1}.picker-chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-3);border:1px solid var(--border);border-radius:12px;padding:2px 8px 2px 10px;font-size:12px}.chip-remove{background:none;border:none;color:var(--muted);font-size:13px;padding:0 2px}.chip-remove:hover{color:var(--danger)}.picker-add{height:26px;font-size:12px}.picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:150;width:240px;max-height:240px;overflow-y:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #00000026;padding:6px}.picker-option{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;border-radius:5px;cursor:pointer}.picker-option:hover{background:var(--brand-pale)}.picker-empty{padding:10px;color:var(--muted);font-size:12px}.facility-radios{display:flex;flex-wrap:wrap;gap:6px 16px;flex:1;align-items:center}.facility-radios .fr-item{font-weight:400;width:auto;display:inline-flex;align-items:center;gap:3px}.member-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1}.mp-group{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.mp-extra{display:flex;flex-wrap:wrap;gap:5px}.mp-glabel{font-size:11.5px;color:var(--muted);margin-right:2px}.mp-chip{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);border-radius:13px;padding:3px 11px;font-size:12.5px;background:var(--surface-2);color:var(--ink2)}.mp-chip:hover{border-color:var(--brand)}.mp-chip.sel{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.mp-chip.removable{padding-right:5px}.mp-x{background:none;border:none;color:#ffffffd9;font-size:14px;padding:0 2px;line-height:1}.mp-x:hover{color:#fff}.mp-more{height:26px;font-size:12px;padding:0 12px}.datetime-row{display:flex;align-items:center;gap:6px;flex:1;flex-wrap:wrap}.datetime-row input[type=date],.datetime-row input[type=time]{height:32px;padding:0 6px;border:1px solid var(--base);border-radius:6px}.form-row textarea{flex:1;padding:6px 10px;border:1px solid var(--base);border-radius:6px;resize:vertical}.form-row textarea.nippo{background:var(--nippo-bg)}.wc-holname,.mc-holname{font-size:9.5px;color:#d03b3b;font-weight:400;line-height:1.2}.range-label.clickable{cursor:pointer;position:relative}.range-label.clickable:hover{border-color:var(--brand);color:var(--brand-dark)}.date-jump{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none;border:none;padding:0}.wc-bar-sub{display:block;font-size:12.5px;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.wc-bar-cat{font-size:10px;opacity:.85}.wl{background:var(--surface);border:1px solid var(--border)}.wl-row{display:flex;border-bottom:1px solid var(--grid);min-height:44px}.wl-row.today{outline:1.6px solid var(--brand);outline-offset:-1.6px}.wl-row.today .wl-datecell{background:var(--brand-pale)}.wl-datecell{width:96px;flex-shrink:0;padding:10px 0 0 12px;font-size:12.5px;font-weight:700;border-right:1px solid var(--grid);background:var(--surface-3)}.wl-datecell.sat{color:#2a78d6}.wl-datecell.sun{color:#d03b3b}.wl-items{flex:1;padding:6px 10px;display:flex;flex-direction:column;gap:2px}.wl-item{display:flex;align-items:center;gap:8px;text-align:left;background:none;border:none;border-radius:5px;padding:4px 8px;font-size:12.5px;color:var(--ink)}.wl-item:hover{background:var(--brand-pale)}.wl-time{font-weight:700;white-space:nowrap;min-width:90px}.wl-user{color:var(--ink2);white-space:nowrap}.wl-title{font-weight:500}.wl-cat{font-size:11px;color:var(--ink2);background:var(--surface-3);border-radius:8px;padding:1px 8px;white-space:nowrap}.wl-place,.wl-nippo{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wl-add{align-self:flex-start;background:none;border:none;color:var(--muted);font-size:11.5px;padding:3px 8px;border-radius:5px}.wl-add:hover{color:var(--brand-dark);background:var(--brand-pale)}.mc{background:var(--surface);border:1px solid var(--border)}.mc-header{display:flex;background:var(--surface-3);border-bottom:1px solid var(--border)}.mc-dow{flex:1;text-align:center;font-size:12px;font-weight:700;color:var(--ink2);padding:6px 0}.mc-dow.sat{color:#2a78d6}.mc-dow.sun{color:#d03b3b}.mc-week{display:flex;border-bottom:1px solid var(--grid)}.mc-cell{flex:1;min-height:104px;border-right:1px solid var(--grid);padding:4px 5px;cursor:pointer;overflow:hidden;min-width:0}.mc-cell:last-child{border-right:none}.mc-cell:hover,.mc-cell.outside{background:var(--surface-3)}.mc-cell.outside .mc-daynum{color:var(--base)}.mc-cell.today{outline:1.6px solid var(--brand);outline-offset:-1.6px}.mc-cellhead{display:flex;align-items:baseline;gap:6px;margin-bottom:3px}.mc-daynum{font-size:12.5px;font-weight:700}.mc-daynum.sat{color:#2a78d6}.mc-daynum.sun{color:#d03b3b}.mc-item{display:block;width:100%;text-align:left;border:none;border-radius:3px;font-size:11px;padding:2px 6px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-more{font-size:10.5px;color:var(--muted);padding-left:4px}.usel-filter{display:flex;gap:8px;margin-bottom:10px}.usel-filter select{height:32px;border:1px solid var(--base);border-radius:6px}.usel-filter input{flex:1;height:32px;padding:0 10px;border:1px solid var(--base);border-radius:6px}.usel-selected{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--ink2);margin-bottom:10px;padding:8px;background:var(--page);border-radius:6px}.usel-list{max-height:280px;overflow-y:auto;border:1px solid var(--grid);border-radius:6px;padding:4px}.import-summary{padding:10px 12px;background:var(--brand-pale);border-radius:6px;font-size:13px;color:var(--ink)}.import-summary b{color:var(--brand-dark)}.pw-field{display:flex;flex:1;gap:6px;align-items:center}.pw-field input{flex:1}.pw-mask{-webkit-text-security:disc;text-security:disc}.pw-toggle{flex-shrink:0;width:34px;height:32px;border:1px solid var(--base);border-radius:6px;background:var(--surface-2);font-size:14px;line-height:1}.pw-toggle:hover{background:var(--page)}.gc{background:var(--surface);border:1px solid var(--border);overflow:hidden}.gc-header{display:flex;height:26px;background:var(--surface-3);border-bottom:1px solid var(--border)}.gc-namecell{width:116px;flex-shrink:0;padding:4px 8px;border-right:1px solid var(--border);font-size:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.gc-corner{font-weight:700;color:var(--ink2);justify-content:center}.gc-axis,.gc-freeaxis,.gc-body{position:relative;flex:1}.gc-hourlabel{position:absolute;top:6px;transform:translate(3px);font-size:10.5px;color:var(--muted)}.gc-hourline{position:absolute;top:0;bottom:0;width:1px;background:var(--grid);pointer-events:none}.gc-freerow{display:flex;min-height:22px;border-bottom:1px solid var(--border);background:var(--surface-2)}.gc-freelabel{font-size:11px;color:var(--ink2);font-weight:700}.gc-free{position:absolute;top:3px;bottom:3px;background:#1baf7a6b;border-radius:2px}:root[data-theme=dark] .gc-free{background:#2dc88c59}.gc-row{display:flex;border-bottom:1px solid var(--grid)}.gc-row:hover .gc-namecell{background:var(--brand-pale)}.gc-name{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-dept{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-body{cursor:crosshair;min-height:30px}.gc-empty{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);pointer-events:none}.gc-bar{position:absolute;border-radius:3px;padding:2px 6px;overflow:hidden;cursor:pointer;box-shadow:0 0 0 1px #ffffff8c;display:flex;align-items:center}.gc-bar.important{box-shadow:0 0 0 1.6px #d03b3b}.gc-bar-label{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1a1a1a;pointer-events:none}.gw-scroll{overflow-x:auto;background:var(--surface);border:1px solid var(--border)}.gw-head{display:flex;background:var(--surface-3);border-bottom:1px solid var(--border)}.gw-namecell{width:120px;flex-shrink:0;padding:6px 8px;border-right:1px solid var(--border);font-size:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.gw-corner{font-weight:700;color:var(--ink2);justify-content:center}.gw-daycol{flex:1;min-width:128px;padding:6px 8px;text-align:center;font-size:12.5px;font-weight:700;border-right:1px solid var(--grid)}.gw-daycol.sat{color:#2a78d6}.gw-daycol.sun{color:#d03b3b}.gw-daycol.today{background:var(--brand-pale)}.gw-row{display:flex;border-bottom:1px solid var(--grid)}.gw-row:hover .gw-namecell{background:var(--brand-pale)}.gw-cell{flex:1;min-width:128px;min-height:56px;padding:3px 4px;border-right:1px solid var(--grid);cursor:pointer;display:flex;flex-direction:column;gap:2px}.gw-cell:hover{background:var(--surface-3)}.gw-cell.today{background:#2a78d60d}.gw-item{display:block;width:100%;text-align:left;border:none;border-left:3px solid var(--uncat);border-radius:3px;background:var(--surface-2);padding:2px 6px;font-size:11px;color:var(--ink);white-space:normal}.gw-item:hover{background:var(--brand-pale)}.gw-item.important{box-shadow:inset 0 0 0 1px #d03b3b}.gw-time{font-weight:700;white-space:nowrap;margin-right:4px}.gw-label{white-space:normal;overflow-wrap:anywhere;word-break:break-word}.analysis-page{padding:12px 16px}.analysis-toolbar{flex-wrap:wrap}.ctl-label{font-size:13px;font-weight:700;color:var(--ink2)}.ctl-select{height:30px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--ink2);font-size:13px;max-width:200px}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{background:var(--surface-2)}.axis-tabs{display:flex;gap:6px;margin:10px 0 14px}.axis-tab{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:7px 20px;font-size:13px;color:var(--ink2)}.axis-tab.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.analysis-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.panel-wide{grid-column:1 / -1}.panel-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px;display:flex;align-items:baseline;gap:10px}.panel-sub{font-size:11.5px;color:var(--muted);font-weight:400;margin-left:auto}.chart-scroll{overflow-x:auto}.chart-svg{width:100%;height:auto;display:block}.donut-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.donut-svg{width:220px;height:220px;flex-shrink:0}.donut-legend{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px}.legend-row{display:flex;align-items:center;gap:8px;font-size:12.5px}.legend-name{flex:1;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-val{color:var(--ink);font-variant-numeric:tabular-nums}.legend-pct{color:var(--ink2);width:48px;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 900px){.analysis-grid{grid-template-columns:minmax(0,1fr)}}.timesheet-page{padding:12px 16px}.ts-note{background:var(--nippo-bg);border:1px solid var(--base);border-radius:6px;padding:8px 12px;font-size:12.5px;margin-bottom:10px;color:var(--ink)}.ts-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:16px}.ts-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.ts-title{font-size:20px;font-weight:700;letter-spacing:6px}.ts-head2{display:flex;gap:30px;font-size:13px;margin:6px 0 12px;color:var(--ink2)}.ts-grid{border-collapse:collapse;width:100%;font-size:12px;min-width:720px}.ts-grid th,.ts-grid td{border:1px solid var(--grid);padding:2px 4px;text-align:center;white-space:nowrap}.ts-grid th{background:var(--surface-3);font-size:11px;font-weight:700}.ts-grid tr.hol{background:var(--surface-3)}.ts-grid td.ts-ot{text-align:left;white-space:normal;max-width:140px;word-break:break-word}.ts-grid .sun{color:#d03b3b}.ts-grid .sat{color:#2a78d6}.ts-totals{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:13px;padding:10px 12px;background:var(--page);border-radius:6px}.ts-totals b{color:var(--brand-dark)}.ts-over60 b{color:var(--danger)}.ts-legend{margin-top:8px;color:var(--muted);line-height:1.6}@media (max-width: 700px){html,body{overflow-x:hidden}.app-header{height:auto;min-height:48px;flex-wrap:wrap;gap:6px;padding:6px 8px;align-items:center}.app-logo{order:0;font-size:0;gap:0;flex-shrink:0}.app-logo img{width:26px;height:26px}.app-user{order:1;margin-left:auto;gap:8px;flex-shrink:0}.app-user>span:not(.avatar){display:none}.theme-toggle{width:28px;height:28px;font-size:15px}.app-user .link-button{font-size:12px;padding:2px}.app-nav{order:2;flex-basis:100%;gap:2px;overflow-x:auto}.app-nav a{white-space:nowrap;padding:8px 12px;font-size:13px;border-bottom-width:2px}.wc-datecell{width:64px;padding-left:6px;font-size:11px}.range-label{min-width:0;font-size:11.5px}.page{padding:12px}.schedule-page,.analysis-page,.timesheet-page{padding:10px 8px}.modal-backdrop{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;border-radius:14px 14px 0 0}.modal-header{padding:13px 16px}.modal-header h2{font-size:15px}.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:var(--surface-2);box-shadow:0 -2px 8px #00000014}.form-row{flex-wrap:wrap;margin-bottom:12px}.form-row>label{width:100%;margin-bottom:4px}.form-row .chip{flex-shrink:0}.datetime-row{width:100%}.form-hint{margin-left:0!important}.ts-preview{overflow-x:auto}.wl-row{flex-direction:column}.wl-datecell{width:auto;border-right:none;border-bottom:1px solid var(--grid);padding:6px 10px 4px}.wl-items{padding:6px 10px 8px}.wl-item{flex-wrap:wrap;row-gap:1px;align-items:baseline}.wl-time{min-width:0}.wl-title{white-space:normal;word-break:break-word}.wl-place,.wl-nippo{white-space:normal}}.tf{position:relative;display:inline-flex;align-items:center;gap:3px}.tf-box{display:inline-flex;align-items:center;height:32px;padding:0 3px 0 6px;border:1px solid var(--base);border-radius:6px;background:var(--surface-2)}.tf-box:focus-within{border-color:var(--brand)}.tf-num{width:2.2em;height:26px;padding:0;border:none;background:transparent;color:var(--ink);font-size:14px;text-align:center;font-variant-numeric:tabular-nums}.tf-num:focus{outline:none;background:var(--brand-pale);border-radius:4px}.tf-colon{color:var(--ink2);padding:0 1px}.tf-spin{display:flex;flex-direction:column;margin-left:5px}.tf-spin button{width:20px;height:14px;padding:0;line-height:1;font-size:9px;cursor:pointer;border:1px solid var(--base);background:var(--surface-3);color:var(--ink2)}.tf-spin button:first-child{border-radius:4px 4px 0 0;border-bottom:none}.tf-spin button:last-child{border-radius:0 0 4px 4px}.tf-spin button:hover{background:var(--brand-pale);color:var(--brand-dark)}.tf-open{width:22px;height:32px;padding:0;cursor:pointer;color:var(--ink2);border:1px solid var(--base);border-radius:6px;background:var(--surface-3)}.tf-open:hover{background:var(--brand-pale);color:var(--brand-dark)}.tf-disabled{opacity:.55}.tf-drum{position:absolute;z-index:60;top:calc(100% + 4px);left:0;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000002e}.tf-drum-cols{position:relative;display:flex;gap:4px}.tf-band{position:absolute;left:0;right:0;top:68px;height:34px;pointer-events:none;background:var(--brand-pale);border-radius:6px}.tf-col{position:relative;width:56px;height:170px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.tf-col::-webkit-scrollbar{display:none}.tf-pad{height:68px}.tf-item{height:34px;line-height:34px;text-align:center;cursor:pointer;color:var(--ink2);scroll-snap-align:center;font-variant-numeric:tabular-nums}.tf-item.sel{color:var(--ink);font-weight:700}.tf-sep{align-self:center;color:var(--ink2)}.tf-drum-foot{display:flex;justify-content:flex-end;margin-top:4px}.btn.small{padding:3px 10px;font-size:12.5px}.rec-set{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.rec-set-label{font-weight:700}.rec-set-count{color:var(--muted);font-size:12.5px}.rec-dialog{display:flex;flex-direction:column;gap:14px;min-width:340px}.rec-holiday{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.rec-holiday-title{font-weight:700}.rec-holiday-opts{display:flex;flex-wrap:wrap;gap:6px 16px}.rec-group{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.rec-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rec-opt{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.rec-sub{display:inline-flex;gap:4px;flex-wrap:wrap}.rec-dow{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;border:1px solid var(--border);border-radius:6px;font-size:12.5px;cursor:pointer}.rec-dow input{margin:0}.rec-dow.on{background:var(--accent-weak, var(--surface-3));border-color:var(--accent, var(--border))}.rec-preview{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:8px;background:var(--surface-3)}.rec-summary{font-weight:700}.rec-count{color:var(--muted);font-size:12.5px}.rec-list{display:flex;flex-wrap:wrap;gap:4px}.rec-chip{padding:2px 8px;border-radius:12px;font-size:12px;background:var(--surface);border:1px solid var(--border);font-variant-numeric:tabular-nums}.rec-chip.more{background:transparent;border-style:dashed;color:var(--muted)}.login-note{color:var(--ink2);font-size:13px;line-height:1.6;margin:4px 0 10px}.login-link{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--accent, #2563eb)}.pw-row{display:flex;gap:6px;align-items:center}.pw-row input{flex:1}.usel-sep{margin:12px 0 6px;font-size:13px;font-weight:700;color:var(--ink2);border-top:1px solid var(--border);padding-top:10px}