:root{--bg:#fff;--bg-soft:#f8f9f7;--ink:#1f2622;--ink-soft:#5a6360;--ink-mute:#8a918d;--line:#e2e6e3;--line-soft:#eef0ee;--accent:#4a6741;--accent-strong:#3a5232;--accent-soft:#e8efe4;--accent-bg:#f1f6ee;--warn:#a85a3b;--warn-soft:#f5e8e3;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--radius:6px;--radius-sm:4px;--c-green-bg:#dcefc8;--c-green-line:#4caf50;--c-green-strong:#2e7d32;--c-teal-bg:#c5ece5;--c-teal-line:#009688;--c-teal-strong:#00695c;--c-sky-bg:#c5e5f5;--c-sky-line:#03a9f4;--c-sky-strong:#0277bd;--c-blue-bg:#cddef7;--c-blue-line:#2196f3;--c-blue-strong:#1565c0;--c-indigo-bg:#d3d6f1;--c-indigo-line:#3f51b5;--c-indigo-strong:#283593;--c-purple-bg:#e1ccef;--c-purple-line:#9c27b0;--c-purple-strong:#6a1b9a;--c-pink-bg:#f5c8de;--c-pink-line:#e91e63;--c-pink-strong:#ad1457;--c-rose-bg:#fbd0d3;--c-rose-line:#f44336;--c-rose-strong:#c62828;--c-red-bg:#fbd0c4;--c-red-line:#ff5722;--c-red-strong:#d84315;--c-orange-bg:#fde0c2;--c-orange-line:#ff9800;--c-orange-strong:#e65100;--c-yellow-bg:#fbf3c5;--c-yellow-line:#ffc107;--c-yellow-strong:#f57f17;--c-olive-bg:#dde8c0;--c-olive-line:#8bc34a;--c-olive-strong:#558b2f;--c-brown-bg:#e8d3c0;--c-brown-line:#8d6e63;--c-brown-strong:#5d4037;--c-gray-bg:#e0e0e0;--c-gray-line:#9e9e9e;--c-gray-strong:#616161}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:16px 20px;display:flex}.app-title{letter-spacing:.04em;color:var(--ink);margin:0;font-size:20px;font-weight:600}.app-subtitle{letter-spacing:.2em;color:var(--ink-mute);margin:2px 0 0;font-size:10px}.tabs{background:var(--bg-soft);border-radius:var(--radius);gap:2px;padding:3px;display:flex}.tab{color:var(--ink-soft);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.tab:hover{color:var(--ink)}.tab-active{background:var(--bg);color:var(--ink);font-weight:500;box-shadow:0 1px 2px #0000000a}.app-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:24px 20px 40px}.app-footer{border-top:1px solid var(--line-soft);text-align:center;letter-spacing:.15em;color:var(--ink-mute);padding:16px;font-size:11px}.loading{min-height:100vh;color:var(--ink-soft);justify-content:center;align-items:center;display:flex}.error-screen{text-align:center;color:var(--warn);padding:40px 20px}.month-nav{align-items:center;gap:12px;margin-bottom:16px;display:flex}.month-label{flex:1}.month-title{letter-spacing:.02em;font-size:22px;font-weight:600}.month-sub{color:var(--ink-mute);letter-spacing:.1em;margin-top:2px;font-size:11px}.icon-btn{border:1px solid var(--line);background:var(--bg);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.icon-btn-ghost{width:32px;height:32px;color:var(--ink-mute);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn-ghost:hover{background:var(--bg-soft);color:var(--warn)}.primary-btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.primary-btn:hover:not(:disabled){background:var(--accent-strong)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.ghost-btn{color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:13px}.ghost-btn:hover{background:var(--bg-soft)}.legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;font-size:12px;display:flex}.legend-hint{color:var(--ink-mute)}.legend-item{align-items:center;gap:6px;display:inline-flex}.dot{border-radius:3px;width:14px;height:14px;display:inline-block}.dot-available{background:var(--accent-soft);border:1px solid var(--accent)}.dot-unavailable{border:1px solid var(--ink-mute);background:#ece8e3}.empty{text-align:center;background:var(--bg-soft);border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-mute);padding:60px 20px}.empty p{margin:8px 0 0}.empty-sub{color:var(--ink-mute);font-size:12px}.shifts{flex-direction:column;gap:12px;display:flex}.shift-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden}.shift-header{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 16px;display:flex}.shift-date-block{text-align:center;min-width:44px}.shift-day{color:var(--ink);font-size:24px;font-weight:600;line-height:1}.shift-dow{letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:500}.dow-sun{color:var(--warn)}.dow-sat{color:var(--accent)}.dow-wd{color:var(--ink-mute)}.shift-info{border-left:1px solid var(--line);flex:1;min-width:120px;padding-left:16px}.shift-label{font-size:15px;font-weight:500}.shift-time{color:var(--ink-soft);font-feature-settings:"tnum";margin-top:2px;font-size:13px}.shift-counts{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:10px;padding:4px 9px;font-size:11px;font-weight:500;display:inline-block}.badge-available{background:var(--accent-bg);color:var(--accent-strong)}.badge-unavailable{background:var(--bg-soft);color:var(--ink-mute)}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:6px;padding:12px;display:grid}.staff-cell{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--line-soft);background:var(--bg);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .1s;display:flex}.staff-cell:hover{border-color:var(--ink-mute)}.staff-cell-available{background:var(--accent-bg);border-color:var(--accent);color:var(--accent-strong);font-weight:500}.staff-cell-unavailable{background:var(--bg-soft);border-color:var(--ink-mute);color:var(--ink-mute)}.staff-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.staff-mark{flex-shrink:0;font-size:15px}.view-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.view-title{margin:0;font-size:18px;font-weight:600}.view-sub{color:var(--ink-mute);letter-spacing:.08em;margin:2px 0 0;font-size:11px}.staff-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;display:grid}.staff-row{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.staff-row-left{align-items:center;gap:12px;display:flex}.staff-no{color:var(--accent);font-feature-settings:"tnum";font-size:12px;font-weight:500}.staff-row-name{font-size:14px}.slots-list{flex-direction:column;gap:6px;display:flex}.slot-row{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.slot-row-left{align-items:center;gap:14px;display:flex}.slot-dow{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:500;display:flex}.slot-label{font-size:14px;font-weight:500}.slot-time{color:var(--ink-soft);font-feature-settings:"tnum";margin-top:2px;font-size:12px}.modal-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1f262280;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg);border-radius:var(--radius);width:100%;max-width:380px;padding:22px;box-shadow:0 10px 30px #00000026}.modal-title{margin:0 0 14px;font-size:16px;font-weight:600}.modal-actions{justify-content:flex-end;gap:6px;margin-top:18px;display:flex}.form{flex-direction:column;gap:12px;display:flex}.form-row label{color:var(--ink-mute);letter-spacing:.06em;margin-bottom:4px;font-size:11px;display:block}.form-row-2col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink);padding:9px 12px;font-family:inherit;font-size:14px}.text-input:focus{border-color:var(--accent);outline:none}.slot-color-green{background:var(--c-green-bg);border-color:var(--c-green-line)}.slot-color-teal{background:var(--c-teal-bg);border-color:var(--c-teal-line)}.slot-color-sky{background:var(--c-sky-bg);border-color:var(--c-sky-line)}.slot-color-blue{background:var(--c-blue-bg);border-color:var(--c-blue-line)}.slot-color-indigo{background:var(--c-indigo-bg);border-color:var(--c-indigo-line)}.slot-color-purple{background:var(--c-purple-bg);border-color:var(--c-purple-line)}.slot-color-pink{background:var(--c-pink-bg);border-color:var(--c-pink-line)}.slot-color-rose{background:var(--c-rose-bg);border-color:var(--c-rose-line)}.slot-color-red{background:var(--c-red-bg);border-color:var(--c-red-line)}.slot-color-orange{background:var(--c-orange-bg);border-color:var(--c-orange-line)}.slot-color-yellow{background:var(--c-yellow-bg);border-color:var(--c-yellow-line)}.slot-color-olive{background:var(--c-olive-bg);border-color:var(--c-olive-line)}.slot-color-brown{background:var(--c-brown-bg);border-color:var(--c-brown-line)}.slot-color-gray{background:var(--c-gray-bg);border-color:var(--c-gray-line)}.slot-color-green .slot-dow{color:var(--c-green-strong);background:#fff}.slot-color-teal .slot-dow{color:var(--c-teal-strong);background:#fff}.slot-color-sky .slot-dow{color:var(--c-sky-strong);background:#fff}.slot-color-blue .slot-dow{color:var(--c-blue-strong);background:#fff}.slot-color-indigo .slot-dow{color:var(--c-indigo-strong);background:#fff}.slot-color-purple .slot-dow{color:var(--c-purple-strong);background:#fff}.slot-color-pink .slot-dow{color:var(--c-pink-strong);background:#fff}.slot-color-rose .slot-dow{color:var(--c-rose-strong);background:#fff}.slot-color-red .slot-dow{color:var(--c-red-strong);background:#fff}.slot-color-orange .slot-dow{color:var(--c-orange-strong);background:#fff}.slot-color-yellow .slot-dow{color:var(--c-yellow-strong);background:#fff}.slot-color-olive .slot-dow{color:var(--c-olive-strong);background:#fff}.slot-color-brown .slot-dow{color:var(--c-brown-strong);background:#fff}.slot-color-gray .slot-dow{color:var(--c-gray-strong);background:#fff}.slot-row{cursor:pointer;transition:filter .15s}.slot-row:hover{filter:brightness(.96)}.slot-row .slot-dow{border-color:currentColor}.shift-color-green{background:var(--c-green-bg);border-color:var(--c-green-line)}.shift-color-teal{background:var(--c-teal-bg);border-color:var(--c-teal-line)}.shift-color-sky{background:var(--c-sky-bg);border-color:var(--c-sky-line)}.shift-color-blue{background:var(--c-blue-bg);border-color:var(--c-blue-line)}.shift-color-indigo{background:var(--c-indigo-bg);border-color:var(--c-indigo-line)}.shift-color-purple{background:var(--c-purple-bg);border-color:var(--c-purple-line)}.shift-color-pink{background:var(--c-pink-bg);border-color:var(--c-pink-line)}.shift-color-rose{background:var(--c-rose-bg);border-color:var(--c-rose-line)}.shift-color-red{background:var(--c-red-bg);border-color:var(--c-red-line)}.shift-color-orange{background:var(--c-orange-bg);border-color:var(--c-orange-line)}.shift-color-yellow{background:var(--c-yellow-bg);border-color:var(--c-yellow-line)}.shift-color-olive{background:var(--c-olive-bg);border-color:var(--c-olive-line)}.shift-color-brown{background:var(--c-brown-bg);border-color:var(--c-brown-line)}.shift-color-gray{background:var(--c-gray-bg);border-color:var(--c-gray-line)}.shift-card{border-width:1.5px}.shift-card[class*=shift-color-] .shift-header{border-bottom-color:#ffffff8c}.shift-card[class*=shift-color-] .shift-info{border-left-color:#ffffff8c}.shift-card[class*=shift-color-] .staff-cell{background:#fff;border-color:#00000014}.shift-card[class*=shift-color-] .staff-cell-available{color:#2e7d32;background:#fff;border-width:1.5px;border-color:#2e7d32;font-weight:600}.shift-card[class*=shift-color-] .staff-cell-unavailable{color:#888;background:#fff9;border-color:#00000026}.shift-card[class*=shift-color-] .badge-available{color:#2e7d32;background:#fff;border:1px solid #2e7d32}.shift-card[class*=shift-color-] .badge-unavailable{color:#757575;background:#fff;border:1px solid #bdbdbd}.color-picker{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:4px;display:grid}.color-chip{cursor:pointer;border:2px solid #0000;border-radius:50%;height:32px;padding:0;transition:transform .1s;position:relative}.color-chip:hover{transform:scale(1.08)}.color-chip-selected{border-color:var(--ink)}.color-chip-selected:after{content:"";border:1.5px solid var(--bg);border-radius:50%;position:absolute;inset:4px}.color-chip-green{background:var(--c-green-line)}.color-chip-teal{background:var(--c-teal-line)}.color-chip-sky{background:var(--c-sky-line)}.color-chip-blue{background:var(--c-blue-line)}.color-chip-indigo{background:var(--c-indigo-line)}.color-chip-purple{background:var(--c-purple-line)}.color-chip-pink{background:var(--c-pink-line)}.color-chip-rose{background:var(--c-rose-line)}.color-chip-red{background:var(--c-red-line)}.color-chip-orange{background:var(--c-orange-line)}.color-chip-yellow{background:var(--c-yellow-line)}.color-chip-olive{background:var(--c-olive-line)}.color-chip-brown{background:var(--c-brown-line)}.color-chip-gray{background:var(--c-gray-line)}.shift-cancel-btn{color:var(--ink-soft);cursor:pointer;background:#ffffffb3;border:1px solid #00000026;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.shift-cancel-btn:hover{color:var(--ink);background:#fff}.shift-cancel-btn-active{background:var(--ink);color:#fff;border-color:var(--ink)}.shift-cancel-btn-active:hover{background:var(--ink-soft);color:#fff}.shift-canceled{filter:saturate(.25);opacity:.85}.shift-canceled-message{text-align:center;letter-spacing:.08em;color:var(--ink-soft);background:#ffffff80;border-top:1px dashed #00000026;padding:22px 16px;font-size:14px}@media (width<=480px){.app-header-inner{padding:12px 14px}.app-main{padding:16px 12px 32px}.tabs{font-size:12px}.tab{padding:6px 9px}.shift-header{gap:12px;padding:12px}.shift-info{padding-left:12px}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:5px;padding:10px}.staff-cell{padding:8px 10px;font-size:12px}}