:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f7;--surface:#fff;--surface-2:#f4f7fb;--border:#e3e8f1;--border-strong:#d3dae6;--text:#14213d;--text-dim:#6a7590;--accent:#003e92;--accent-hover:#00347c;--accent-2:#116dff;--accent-soft:#e8effa;--confirmed-bg:#e6eefb;--confirmed-fg:#003e92;--pending-bg:#eef1f6;--pending-fg:#74809a;--danger:#c34f3a;--danger-soft:#f7e6e1;--sat:#116dff;--sun:#d0574f;--shadow:0 1px 2px #1020400a;--radius:13px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.app{flex-direction:column;min-height:100dvh;display:flex}.header{z-index:20;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.2)blur(10px);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.brand .logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:700;display:grid}.header .who{color:var(--text-dim);align-items:center;gap:10px;font-size:13px;display:flex}.main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:18px 16px 96px}.tabbar{z-index:20;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{letter-spacing:-.02em;white-space:nowrap;max-width:110px;color:var(--text-dim);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10px;font-weight:600;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card+.card{margin-top:12px}.section-title{color:var(--text-dim);letter-spacing:.02em;margin:4px 2px 10px;font-size:13px;font-weight:700}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .12s,border-color .12s,opacity .12s}.btn:active{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn.primary,.btn.ok{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:active,.btn.ok:active{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{border-color:var(--border);background:0 0}.btn.danger{color:var(--danger);border-color:var(--border-strong);background:0 0}.btn.sm{border-radius:8px;padding:6px 11px;font-size:13px}.btn.block{width:100%}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.kakutei{background:var(--confirmed-bg);color:var(--confirmed-fg)}.badge.kibou{background:var(--pending-bg);color:var(--pending-fg)}.badge.gray{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.badge.over{background:var(--danger-soft);color:var(--danger)}.preflist{flex-direction:column;gap:8px;margin-bottom:18px;display:flex}.prefrow{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:10px 12px}.prefrow .pr-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.prefrow .pr-head .nm{font-weight:700}.prefrow .pr-note{color:var(--text-dim);border-top:1px dashed var(--border);white-space:pre-wrap;margin-top:7px;padding-top:7px;font-size:13px}label.field{margin-bottom:13px;display:block}label.field>span{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row3{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.monthnav{justify-content:center;align-items:center;gap:14px;margin-bottom:16px;display:flex}.monthnav .label{text-align:center;min-width:120px;font-size:18px;font-weight:700}.monthnav button{width:38px;height:38px;color:var(--text-dim);border-radius:10px;place-items:center;font-size:18px;display:grid}.daylist{flex-direction:column;gap:8px;display:flex}.dayrow{background:var(--surface);border:1px solid var(--border);border-radius:11px;align-items:center;gap:12px;padding:11px 13px;display:flex}.dayrow.empty{border-style:dashed;border-color:var(--border-strong);background:0 0}.daydate{text-align:center;flex-shrink:0;width:50px}.daydate .d{font-size:18px;font-weight:700;line-height:1.1}.daydate .w{color:var(--text-dim);font-size:11px}.sat .d,.sat .w{color:var(--sat)}.sun .d,.sun .w{color:var(--sun)}.daybody{flex:1;min-width:0}.daybody .time{font-size:15px;font-weight:700}.daybody .sub{color:var(--text-dim);margin-top:1px;font-size:12px}.daybody .placeholder{color:var(--text-dim);font-size:14px}.today-btn{position:absolute;top:4px;right:0}.cal-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cal-wd{text-align:center;color:var(--text-dim);padding:4px 0;font-size:11px;font-weight:700}.cal-wd.sun{color:var(--sun)}.cal-wd.sat{color:var(--sat)}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-cell{appearance:none;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;flex-direction:column;align-items:center;gap:3px;min-height:54px;padding:4px 3px;font-family:inherit;display:flex}.cal-cell.cal-blank{visibility:hidden;cursor:default;border:none}.cal-cell.today{border-color:var(--accent)}.cal-cell.selected{background:var(--accent-soft);border-color:var(--accent)}.cal-daynum{font-size:13px;font-weight:700}.cal-daynum.sat{color:var(--sat)}.cal-daynum.sun{color:var(--sun)}.cal-chips{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.cal-chip{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-weight:700;line-height:1;display:grid}.cal-chip.me{background:var(--accent-2)}.cal-chip-more{color:var(--text-dim);align-self:center;font-size:9px}.dategroup{margin-bottom:16px;scroll-margin-top:78px}.dategroup.is-today .gh .gd{color:var(--accent)}.dategroup .gh{align-items:baseline;gap:8px;margin:0 2px 8px;display:flex}.dategroup .gh .gd{font-size:16px;font-weight:700}.dategroup .gh .gw{color:var(--text-dim);font-size:12px}.person{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 13px;display:flex}.person+.person{margin-top:6px}.person .nm{flex:1;min-width:0;font-weight:600}.person .tm{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:14px}.tablewrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}table.data{border-collapse:collapse;background:var(--surface);width:100%;font-size:14px}table.data th,table.data td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:11px 12px}table.data th:first-child,table.data td:first-child{text-align:left;background:var(--surface);position:sticky;left:0}table.data thead th{color:var(--text-dim);background:var(--surface-2);font-size:12px;font-weight:600}table.data thead th:first-child{background:var(--surface-2)}table.data tbody tr:last-child td{border-bottom:none}table.data tfoot td{background:var(--surface-2);border-top:2px solid var(--border-strong);font-weight:700}table.data tfoot td:first-child{background:var(--surface-2)}.num{font-variant-numeric:tabular-nums}.stafflist{flex-direction:column;gap:8px;display:flex}.staffrow{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:12px;padding:12px 13px;display:flex}.staffrow .reorder{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.staffrow .reorder .btn{color:var(--text-dim);padding:2px 8px;font-size:11px;line-height:1.4}.staffrow .avatar{color:#fff;background:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.staffrow .info{flex:1;min-width:0}.staffrow .info .nm{font-weight:600}.staffrow .info .meta{color:var(--text-dim);font-size:12px}.retired{opacity:.5}.modal-bg{z-index:50;background:#101a3066;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (width>=560px){.modal-bg{align-items:center;padding:20px}}.modal{background:var(--surface);width:100%;max-width:460px;padding:20px 18px calc(20px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;animation:.18s slideup;box-shadow:0 -8px 30px #10204024}@media (width>=560px){.modal{border-radius:16px}}@keyframes slideup{0%{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal h3{margin:0 0 15px;font-size:17px}.login-wrap{background:var(--accent);background-image:linear-gradient(160deg,#003e92 0%,#0a4fae 55%,#116dff 130%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-card{width:100%;max-width:380px}.login-logo{text-align:center;color:#fff;margin-bottom:22px}.login-logo .mark{width:62px;height:62px;color:var(--accent);background:#fff;border-radius:18px;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:700;display:grid;box-shadow:0 6px 20px #00143c40}.login-logo .t{letter-spacing:.14em;opacity:.9;font-size:15px;font-weight:700}.login-logo .s{letter-spacing:.02em;margin-top:2px;font-size:22px;font-weight:800}.msg{border-radius:10px;margin-bottom:13px;padding:11px 13px;font-size:13px}.msg.err{background:var(--danger-soft);color:var(--danger)}.msg.info{background:var(--accent-soft);color:var(--accent)}.empty{text-align:center;color:var(--text-dim);padding:44px 20px;font-size:14px}.center{min-height:60dvh;color:var(--text-dim);place-items:center;display:grid}.spacer{height:8px}.hint{color:var(--text-dim);margin-top:6px;font-size:12px}.pill-toggle{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;display:inline-flex;overflow:hidden}.pill-toggle button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:7px 16px;font-size:13px;font-weight:600}.pill-toggle button.on{background:var(--accent);color:#fff}.stat-strip{gap:8px;margin-bottom:16px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:11px;flex:1;padding:11px 13px}.stat .k{color:var(--text-dim);font-size:11px}.stat .v{font-variant-numeric:tabular-nums;color:var(--accent);font-size:20px;font-weight:700}.print-title{margin-bottom:10px;font-size:15px;font-weight:700}.print-scroll{overflow-x:auto}table.shifttable{border-collapse:collapse;table-layout:fixed;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%;margin-bottom:7px;font-size:8px;line-height:1.25}table.shifttable th,table.shifttable td{text-align:center;white-space:nowrap;border:1px solid #888;height:13px;padding:1px 2px;overflow:hidden}.shifttable .dayhead th{background:#f0f0f0;font-weight:700}.shifttable .dayhead th.tcol{background:#f5f5f5;font-weight:400}.shifttable .dayhead th.hl{background:#fff2a8}.shifttable .c-name{text-align:left;font-weight:600}.shifttable td.work{background:#f8cbad}.shifttable .sat{color:#2f6fb0}.shifttable .sun{color:#c0553f}@media print{.header,.tabbar,.no-print{display:none!important}.main{max-width:none!important;margin:0!important;padding:0!important}body{background:#fff!important}.print-day{break-inside:avoid}@page{size:A4 portrait;margin:8mm}}