:root{--bg:#0b1220;--panel:#0f1a2e;--panel-2:#12213a;--text:#e8eefc;--muted:#e8eefcb3;--border:#e8eefc1f;--brand:#1f7a3f;--danger:#c2410c;--shadow:#00000059 0 10px 24px;--sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.appShell{grid-template-rows:auto 1fr auto;height:100%;display:grid}.topBar{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:linear-gradient(#0f1a2ef2,#0f1a2ebf);position:sticky;top:0}.brand{align-items:center;gap:10px;padding:12px 14px;display:flex}.brandDot{background:var(--brand);border-radius:4px;width:14px;height:14px;box-shadow:0 0 0 2px #1f7a3f40}.brandTitle{letter-spacing:.2px;font-weight:700}.brandSub{color:var(--muted);font-size:12px}.main{padding:12px}.bottomNav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f1a2ee6;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid}.navItem{text-align:center;border:1px solid var(--border);color:var(--muted);background:#12213abf;border-radius:12px;padding:10px 12px}.navItem.active{color:var(--text);border-color:#1f7a3fa6;box-shadow:inset 0 0 0 2px #1f7a3f33}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#12213a99;border-radius:14px}.panelHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.panelTitle{font-weight:650}.panelBody{padding:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filtersBar{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:10px;display:flex}.filterItem{gap:4px;display:grid}.filterLabel{color:var(--muted);font-size:11px;line-height:1.1}.filterInput{width:auto;min-width:130px}.calendarTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.calendarHeader{border:1px solid var(--border);background:#0b122059;border-radius:14px;gap:10px;padding:10px;display:grid}.calendarHeaderRow{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.calendarMonthBar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendarMonthLabel{font-weight:700}.calendarGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendarDow{color:var(--muted);text-align:center;padding:0 6px;font-size:11px}.calendarCell{border:1px solid var(--border);cursor:pointer;background:#12213a73;border-radius:12px;gap:6px;min-height:86px;padding:8px;display:grid;overflow:hidden}.calendarCellMuted{opacity:.45}.calendarCellToday{border-color:#1f7a3fa6;box-shadow:inset 0 0 0 2px #1f7a3f2e}.calendarDayNum{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.calendarItems{gap:6px;display:grid}.calendarItem{border:1px solid var(--border);background:#0b12208c;border-radius:10px;gap:2px;min-width:0;padding:6px 8px;display:grid}.calendarItemGhost{opacity:.8;border-style:dashed}.calendarBanner{border:1px solid var(--border);background:#0b122059;border-radius:14px;gap:8px;padding:10px;display:grid}.calendarBannerHighlight{border-color:#1f7a3fa6;box-shadow:inset 0 0 0 2px #1f7a3f2e}.calendarBannerTitle{font-weight:700}.calendarBannerList{gap:6px;display:grid}.calendarBannerItem{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.calendarItemTitle{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.calendarItemNote{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.calendarMore{color:var(--muted);padding-left:2px;font-size:11px}@media (width<=520px){.calendarCell{min-height:74px;padding:7px}.filterInput{min-width:118px}}.btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#12213ad9;border-radius:12px;padding:8px 10px}.btnPrimary{background:#1f7a3f38;border-color:#1f7a3f99}.btnDanger{background:#c2410c2e;border-color:#c2410c99}.hint{color:var(--muted);font-size:12px}.input{border:1px solid var(--border);width:100%;color:var(--text);background:#0b1220b3;border-radius:12px;padding:8px 10px}select.input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(232,238,252,0.85)' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px 18px;padding-right:34px}select.input::-ms-expand{display:none}.input option{color:var(--text);background:#12213afa}.selectLike{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#0b1220b3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(232,238,252,0.85)' d='M7 10l5 5l5-5z'/%3E%3C/svg%3E") right 10px center/18px 18px no-repeat;border-radius:12px;padding:8px 34px 8px 10px}.selectLike:disabled{opacity:.55;cursor:default}.modalOverlay{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modalCard{border:1px solid var(--border);width:100%;box-shadow:var(--shadow);background:#12213afa;border-radius:16px;flex-direction:column;max-height:calc(100vh - 32px);display:flex;overflow:hidden}.modalHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.modalTitle{font-weight:700}.modalBody{-webkit-overflow-scrolling:touch;flex:auto;padding:12px;overflow:auto}.modalFooter{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px;display:flex}.gridPick{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=520px){.gridPick{grid-template-columns:repeat(2,minmax(0,1fr))}}.pickCard{border:1px solid var(--border);cursor:pointer;background:#0b12208c;border-radius:14px;place-items:center;gap:6px;padding:10px;display:grid}.pickCard:hover{border-color:#1f7a3fbf}.pickLabel{color:var(--muted);text-align:center;font-size:12px}.canvasTools{z-index:2;gap:8px;display:flex;position:absolute;top:10px;right:10px}.selectionBar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom) + 78px);z-index:6;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);box-sizing:border-box;background:#0f1a2eeb;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px;display:flex;position:fixed}.selectionBarLeft{gap:2px;min-width:0;display:grid}.selectionBarTitle{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.selectionBarHint{color:var(--muted);font-size:12px}.selectionBarRight{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex;overflow-x:auto}.btnLarge{border-radius:14px;padding:10px 12px}