:root{color:#182230;--background-overlay-opacity:0;background:#e9f0e7;font-family:Inter,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:url(/calendar-garden-bg.png) 50%/cover fixed;min-width:320px;margin:0}body:before{z-index:0;opacity:var(--background-overlay-opacity);pointer-events:none;content:"";background:#f4f8f3;position:fixed;inset:0}button,input,textarea{font:inherit}.app-shell{z-index:1;min-height:100vh;padding:18px;position:relative}.mobile-stack{gap:14px;display:grid}.desktop-layout{display:none}.panel,.summary-band{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:1px solid #d8e0ea;border-radius:8px;padding:16px;box-shadow:0 8px 26px #1423370f}.summary-band{justify-content:space-between;align-items:center;gap:16px;display:flex}.summary-band h1{margin:2px 0;font-size:30px;line-height:1.2}.summary-band p{color:#637083;margin:0}.eyebrow{color:#69788d;font-size:12px}.stats-row{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.stat-pill{border:1px solid color-mix(in srgb, var(--shift-color) 45%, white);color:color-mix(in srgb, var(--shift-color) 75%, #182230);background:color-mix(in srgb, var(--shift-color) 10%, white);border-radius:999px;padding:4px 10px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.month-trigger{color:#182230;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:16px;font-weight:700}.month-trigger:hover{color:#2563eb}.week-grid,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.week-grid{color:#69788d;text-align:center;margin-bottom:6px;font-size:12px}.calendar-grid{gap:6px}.day-cell{color:#182230;text-align:center;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:8px;grid-template-rows:minmax(32px,1fr) auto;align-items:stretch;min-height:78px;padding:8px;display:grid;position:relative}.day-cell.muted{opacity:.48}.day-cell.today{border-color:#2563eb;box-shadow:inset 0 0 0 1px #2563eb}.day-cell.focus{border-color:#f97316;box-shadow:inset 0 0 0 1px #f97316}.day-number{text-align:center;align-self:center;font-size:17px;font-weight:700;line-height:1}.corner{color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;display:inline-flex;position:absolute;top:6px;right:6px}.holiday-corner{display:none}.corner.rest{background:#f97316}.corner.work{background:#64748b}.day-content{gap:5px;min-width:0;display:grid}.shift-tag{color:color-mix(in srgb, var(--shift-color) 78%, #182230);background:color-mix(in srgb, var(--shift-color) 14%, white);border:1px solid color-mix(in srgb, var(--shift-color) 38%, white);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:3px 8px;font-size:12px;font-weight:600;overflow:hidden}.holiday-label{color:#a64852e0;white-space:nowrap;text-overflow:ellipsis;text-align:center;min-height:18px;font-size:13px;line-height:18px;overflow:hidden}.holiday-placeholder{min-height:16px}.section-title,.inline-title{margin-bottom:10px;font-weight:700}.editor-stack,.shift-list,.focus-options{gap:12px;display:grid}.rest-focus-box{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;padding:12px}.inline-title{justify-content:space-between;align-items:center;display:flex}.weekday-options{flex-wrap:wrap;gap:10px;display:flex}.hint-line{color:#64748b;margin:0;font-size:13px}.holiday-status-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.holiday-status-row .hint-line{flex:1}.shift-row{border:1px solid #dbe3ef;border-radius:8px;gap:10px;padding:10px;display:grid}.shift-main,.shift-actions{align-items:center;gap:8px;display:flex}.shift-main{min-width:0}.shift-main .n-input{flex:1;min-width:0}.shift-actions{flex-wrap:wrap;justify-content:space-between;min-width:0}.shift-meta{align-items:center;min-width:88px;display:flex}.color-dot,.color-choice{cursor:pointer;border:2px solid #fff;border-radius:999px;flex:none;width:26px;height:26px;box-shadow:0 0 0 1px #cbd5e1}.color-grid{grid-template-columns:repeat(4,28px);gap:8px;display:grid}.desktop-actions{gap:6px;display:none}.mobile-actions{display:block}.error-list{color:#dc2626;font-size:13px}.detail-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:14px}.detail-panel.drawer{border:0;padding:0}.detail-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.detail-header h2{margin:2px 0 12px;font-size:18px}.detail-grid{grid-template-columns:82px 1fr;gap:10px;display:grid}.detail-grid span{color:#64748b}.help-modal{max-width:520px}.month-dialog{width:min(420px,100vw - 24px)}.month-dialog-body .n-select{width:100%}.month-choice{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.month-choice button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d5deea;border-radius:6px;min-height:40px}.month-choice button:hover{background:#eff6ff;border-color:#60a5fa}.month-choice button.active{color:#fff;background:#2563eb;border-color:#2563eb}.month-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.month-dialog-actions .n-button{min-width:84px}@media (width>=860px){.mobile-stack{display:none}.desktop-layout{grid-template-columns:360px minmax(0,1fr);gap:18px;max-width:1280px;margin:0 auto;display:grid}.tool-pane,.calendar-pane{align-content:start;gap:14px;display:grid}.desktop-actions{display:flex}.mobile-actions{display:none}.shift-row{grid-template-columns:minmax(180px,1fr);align-items:stretch}.day-cell{grid-template-rows:minmax(48px,1fr) auto;min-height:112px}.day-number{font-size:21px;transform:translateY(4px)}.holiday-label{transform:translateY(-2px)}}@media (width<=560px){.app-shell{padding:6px}.panel,.summary-band{padding:11px}.summary-band{display:grid}.summary-band h1{font-size:24px}.stats-row{justify-content:flex-start}.day-cell{background:0 0;border-color:#0000;border-radius:0;grid-template-rows:auto auto;align-content:center;row-gap:2px;min-height:48px;padding:2px 1px}.day-number{font-size:15px;transform:translateY(2px)}.shift-tag{background:0 0;border:0;justify-self:center;max-width:100%;padding:1px 2px;font-size:11px;font-weight:700}.holiday-label,.holiday-placeholder{display:none}.holiday-corner{color:#fff;background:#a6485a;border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #342b2f38}.day-content{gap:1px;transform:translateY(2px)}.corner{border:1px solid #ffffffb8;width:14px;min-width:14px;height:14px;padding:0;font-size:8px;font-weight:700;top:1px;right:1px;box-shadow:0 1px 2px #342b2f38}.calendar-grid{gap:5px 1px}.day-cell.today,.day-cell.focus{border-radius:7px}.month-choice{grid-template-columns:repeat(3,minmax(0,1fr))}}