.offline-banner{z-index:100;color:var(--highlight);text-align:center;letter-spacing:.3px;background:#2c2417;border-bottom:1px solid #5a4a20;padding:6px 16px;font-size:12px;position:sticky;top:0}.login-page{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;width:100%;max-width:360px;padding:40px 32px}.login-logo{object-fit:contain;border-radius:12px;width:56px;height:56px;margin:0 auto 16px;display:block}.login-title{color:var(--ink);margin:0 0 32px;font-size:24px;font-weight:600}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;outline:none;padding:12px 16px;font-size:14px}.login-input:focus{border-color:var(--accent)}.login-error{color:var(--accent);font-size:12px}.login-button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;margin-top:4px;padding:12px;font-size:14px;font-weight:600}.login-button:hover{background:var(--accent-strong)}.login-hint{color:var(--muted);margin-top:20px;font-size:11px}.btn{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--accent-soft)}.btn-danger{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}.btn-live{background:var(--live);color:#fff;border-color:var(--live)}.btn-sm{border-radius:8px;min-height:34px;padding:0 10px;font-size:13px}.btn-icon{width:40px;padding:0}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:0 12px;font-size:15px;font-weight:700;display:inline-flex}.chip:hover{background:var(--surface-2)}.chip.ro{cursor:default}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.dot-history{background:var(--muted);opacity:.6}.badge{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge-ok{background:var(--green-soft);color:var(--green)}.badge-warn{background:var(--orange-soft);color:var(--orange)}.badge-muted{background:var(--hist);color:var(--muted)}.badge-red{background:var(--red-soft);color:var(--red)}.av{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.sheet-scrim{background:var(--scrim);z-index:900;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:min(88dvh,100dvh - 24px);color:var(--ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow);padding-bottom:var(--safe-bottom,0px);outline:none;flex-direction:column;animation:.2s ease-out sheet-up;display:flex}.sheet-lg{max-width:720px}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet-grip{background:var(--line);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-head{justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 4px 16px;display:flex}.sheet-title{margin:0;font-size:18px;font-weight:800}.sheet-close{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.sheet-close:hover{background:var(--surface-2);color:var(--ink)}.sheet-body{-webkit-overflow-scrolling:touch;padding:4px 16px 16px;overflow-y:auto}.sheet-sub{color:var(--muted);margin:0 0 8px;font-size:14px}.sheet-note{color:var(--muted);margin:10px 0 0;font-size:13px}.sheet-h3{margin:14px 0 6px;font-size:14px;font-weight:700}.sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (width>=768px){.sheet-scrim{align-items:center;padding:24px}.sheet{border-radius:var(--radius-lg);max-height:calc(100vh - 48px);padding-bottom:0}.sheet-grip{display:none}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.seg{border:1px solid var(--line);background:var(--surface);border-radius:10px;display:inline-flex;overflow:hidden}.seg>button{min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13px;font-weight:700}.seg>button+button{border-left:1px solid var(--line)}.seg>button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.fold{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:12px}.fold-summary{cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:0 12px 0 16px;list-style:none;display:flex}.fold-summary::-webkit-details-marker{display:none}.fold-title{font-size:16px;font-weight:800}.fold-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.fold-action{display:inline-flex}.fold-chevron{color:var(--muted);margin-left:auto;transition:transform .2s}.fold[open] .fold-chevron{transform:rotate(180deg)}.fold-body{border-top:1px solid var(--line);padding:0 16px 14px}.rowbtn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);text-align:left;width:100%;min-height:50px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;margin-top:12px;padding:0 12px 0 16px;font-weight:700;display:flex}.rowbtn:hover{background:var(--surface-2)}.rowbtn-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.rowbtn>svg:last-child{color:var(--muted)}.key-now{justify-content:center;align-items:center;gap:16px;margin:8px 0 4px;display:flex}.key-now-big{text-align:center;min-width:96px;font-size:44px;font-weight:800;line-height:1}.key-step{border:1px solid var(--line);background:var(--bg);width:52px;height:52px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.key-meta{text-align:center;color:var(--muted);min-height:20px;font-size:13px}.key-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px;display:grid}.key-cell{border:1px solid var(--line);background:var(--bg);min-height:50px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:flex;position:relative}.key-cell.green{background:var(--green-soft);border-color:var(--green);color:var(--green)}.key-cell.orange{background:var(--orange-soft);border-color:var(--orange);color:var(--orange)}.key-cell.history{background:var(--hist)}.key-cell[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:-3px}.key-cell .tag{letter-spacing:.04em;color:var(--muted);font-size:8px;font-weight:800;position:absolute;top:2px;right:4px}.key-cell .tag.mp3{color:var(--accent);inset:auto auto 2px 4px}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.legend>span{align-items:center;gap:5px;display:inline-flex}.reco{background:var(--accent-soft);color:var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:8px 12px;font-size:14px;display:flex}.hist{margin:0;padding:0;list-style:none}.hist li{border-top:1px solid var(--line);grid-template-columns:36px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:grid}.hist li:first-child{border-top:0}.hist li b{font-size:15px}.hist li .muted{color:var(--muted);font-size:13px}.pick{border:0;border-top:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:8px 10px;font-size:15px;display:flex}.pick:first-child{border-top:0}.pick:hover{background:var(--surface-2)}.pick[aria-pressed=true]{background:var(--accent-soft)}.pick .pick-name{font-weight:700}.pick .pick-sub{color:var(--muted);font-size:12px;display:block}.linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-weight:700;display:inline-flex}.check-row{cursor:pointer;align-items:flex-start;gap:10px;margin-top:12px;font-size:14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--accent);margin-top:2px}.search-input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;margin-bottom:8px;padding:0 12px}.empty{color:var(--muted);padding:12px 0;font-size:14px}.mod-page{max-width:760px;padding:16px;padding-bottom:calc(24px + var(--safe-bottom));margin:0 auto}.mod-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mod-header h1{color:var(--ink);margin:0;font-size:22px;font-weight:800}.mod-header h2{color:var(--ink);margin:0;font-size:18px;font-weight:700}.mod-lede{color:var(--muted);margin:-4px 0 14px;font-size:14px}.mod-back{color:var(--accent);align-items:center;gap:4px;margin-bottom:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.mod-tabs{border-bottom:1px solid var(--line);gap:0;margin-bottom:12px;display:flex}.mod-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:13px;font-weight:700}.mod-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.mod-list{flex-direction:column;gap:8px;display:flex}.mod-row{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line);color:inherit;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.mod-row.is-link:hover{background:var(--surface-2)}.mod-row.tone-accent{border-left-color:var(--accent)}.mod-row.tone-green{border-left-color:var(--green)}.mod-row.tone-orange{border-left-color:var(--orange)}.mod-row.tone-red{border-left-color:var(--red)}.mod-row-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mod-row-title{color:var(--ink);font-size:15px;font-weight:700}.mod-row-meta{color:var(--muted);font-size:13px}.mod-row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.mod-date{background:var(--accent-soft);min-width:46px;color:var(--accent);border-radius:8px;flex-direction:column;align-items:center;padding:4px 6px;font-weight:800;line-height:1.1;display:flex}.mod-date .d{font-size:18px}.mod-date .m{text-transform:uppercase;font-size:11px}.mod-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.mod-empty{color:var(--muted);padding:12px 0;font-size:14px}.mod-error{color:var(--red);background:var(--red-soft);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:14px}.mod-notice{color:var(--ink-2);background:var(--surface-2);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px}.mod-notice.ok{background:var(--green-soft);color:var(--green)}.mod-notice.warn{background:var(--orange-soft);color:var(--orange)}.mod-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px 16px}.mod-card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:800}.mod-card p{color:var(--ink);white-space:pre-wrap;margin:0 0 6px;font-size:15px}.mod-card ul{margin:0;padding-left:18px}.mod-card li{color:var(--ink);margin:4px 0;font-size:15px}.mod-kv{grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px;display:grid}.mod-kv dt{color:var(--muted);margin:0}.mod-kv dd{color:var(--ink);margin:0}.mod-form{flex-direction:column;gap:14px;display:flex}.mod-field{flex-direction:column;gap:6px;display:flex}.mod-field label,.mod-field .mod-label{color:var(--ink-2);font-size:13px;font-weight:700}.mod-field .req{color:var(--red);margin-left:4px;font-size:12px;font-weight:400}.mod-input,.mod-textarea,.mod-select{border:1px solid var(--line);background:var(--bg);width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px;font-size:15px}.mod-textarea{resize:vertical;min-height:100px;line-height:1.4}.mod-textarea.big{min-height:180px}.mod-row-fields{align-items:center;gap:8px;display:flex}.mod-row-fields>*{flex:1;min-width:0}.mod-row-fields>.narrow{flex:0 0 110px}.mod-row-fields>.mini{flex:0 0 44px}.mod-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.mod-grid-2{grid-template-columns:1fr}}.mod-checklist{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;gap:6px;max-height:260px;padding:8px 12px;display:flex;overflow-y:auto}.mod-check{cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:15px;display:flex}.mod-check input{width:20px;height:20px;accent-color:var(--accent)}.mod-fieldset{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mod-fieldset legend{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 6px;font-size:13px;font-weight:800}.mod-subrows{flex-direction:column;gap:8px;display:flex}.mod-subrow{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.mod-subrow-head{align-items:center;gap:8px;display:flex}.mod-subrow-head .mod-input{flex:1}.mod-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.mod-image{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;position:relative;overflow:hidden}.mod-image img{object-fit:cover;width:100%;height:110px;display:block}.mod-image .mod-image-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:11px;overflow:hidden}.mod-image button{position:absolute;top:4px;right:4px}.mod-answer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mod-answer .btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mod-counts{color:var(--muted);font-size:13px}.mod-counts-link{color:var(--accent);white-space:nowrap;font-weight:700;text-decoration:none}.mod-inline-form{align-items:center;gap:8px;margin-top:8px;display:flex}.mod-inline-form .mod-input{flex:1}.mod-person{border-top:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.mod-person:first-child{border-top:0}.mod-person-name{flex:1;min-width:0;font-weight:700}.mod-person-roles{flex-wrap:wrap;gap:4px;display:flex}.mod-role-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.mod-widget-row{border-top:1px solid var(--line);color:inherit;align-items:center;gap:10px;padding:10px 0;text-decoration:none;display:flex}.mod-widget-row:first-child{border-top:0}.mod-widget-main{flex:1;min-width:0}.mod-widget-title{color:var(--ink);font-size:14px;font-weight:700}.mod-widget-meta{color:var(--muted);font-size:12px}.mod-screen{white-space:pre-wrap;font-family:var(--font-mono);background:var(--surface-2);border-radius:10px;padding:12px;font-size:13px}.dashboard-layout{background:var(--bg-deep);min-height:100%;color:var(--ink);padding:1.5rem}.dashboard-welcome{margin-bottom:2rem}.welcome-heading{color:var(--ink);margin:0 0 .35rem;font-size:1.75rem;font-weight:700}.welcome-subtitle{color:var(--muted);margin:0;font-size:.95rem}.pro-dashboard{max-width:1440px}.pro-dashboard-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pro-dashboard-grid{grid-template-columns:280px 1fr;align-items:start;gap:1.125rem;display:grid}.pro-setlist-list,.pro-song-panel,.pro-song-detail{background:var(--surface);border:1px solid var(--surface-2);border-radius:8px}.pro-setlist-list{flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.pro-setlist-list h2{color:var(--ink);margin:0 0 .25rem;font-size:.875rem}.pro-setlist-filters{grid-template-columns:repeat(3,1fr);gap:.25rem;margin-bottom:.25rem;display:grid}.pro-setlist-filter{border:1px solid var(--surface-2);background:var(--hist);color:var(--muted);cursor:pointer;border-radius:6px;padding:.45rem .35rem;font-size:.7rem}.pro-setlist-filter.active{border-color:var(--accent);color:var(--ink);background:var(--accent-soft)}.pro-setlist-row,.pro-song-row{background:var(--hist);color:var(--ink);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:.625rem;padding:.625rem .75rem;display:flex}.pro-setlist-row.active,.pro-song-row.active{border-color:var(--accent);background:var(--accent-soft)}.pro-setlist-row small,.pro-song-row small,.pro-song-detail-header p{color:var(--muted);font-size:.75rem}.pro-setlist-empty{color:var(--muted);margin:.5rem 0 0;font-size:.75rem}.pro-song-panel{grid-template-columns:minmax(220px,320px) 1fr;min-height:620px;display:grid;overflow:hidden}.pro-song-list{border-right:1px solid var(--surface-2);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.pro-song-detail{border:none;border-radius:0;max-height:calc(100vh - 220px);padding:1.25rem;overflow:auto}.pro-song-detail-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.125rem;display:flex}.pro-song-detail-header h2{color:var(--ink);margin:0 0 .25rem;font-size:1.375rem}.pro-copy-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.pro-copy-btn{border:1px solid var(--accent);background:var(--accent-soft);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.pro-arrangement{border:1px solid var(--surface-2);border-radius:8px;margin-bottom:1.125rem;padding:.75rem .875rem}.pro-arrangement h3,.pro-lyrics-section h3{color:var(--accent);text-transform:uppercase;letter-spacing:0;margin:0 0 .5rem;font-size:.75rem}.pro-arrangement ol{color:var(--ink);margin:0 0 0 1.125rem;line-height:1.8}.pro-lyrics-preview{flex-direction:column;gap:1.125rem;display:flex}.pro-lyrics-section{border-bottom:1px solid var(--hist);padding-bottom:.875rem}.pro-lyrics-section p{color:var(--ink);margin:0 0 .25rem;font-size:1.125rem;line-height:1.55}.pro-song-empty{color:var(--muted);padding:2rem}@media (width<=767px){.pro-dashboard-header{flex-direction:column;align-items:flex-start}.pro-dashboard-grid,.pro-song-panel{grid-template-columns:1fr}.pro-song-list{border-right:none;border-bottom:1px solid var(--surface-2)}.pro-song-detail{max-height:none}.pro-song-detail-header{flex-direction:column}.pro-copy-actions{justify-content:flex-start}}.quick-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}@media (width<=768px){.quick-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.quick-stats-row{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--surface-2);border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;padding:1.25rem 1rem;display:flex}.stat-number{color:var(--ink);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.75rem}.stat-tile.stat-attention{border-color:#c0392b}.stat-tile.stat-attention .stat-number{color:var(--red)}.stat-tile.stat-ready{border-color:var(--green)}.stat-tile.stat-ready .stat-number{color:var(--green)}.dashboard-card-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}@media (width<=768px){.dashboard-card-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--surface);border:1px solid var(--surface-2);border-left-width:4px;border-radius:10px;padding:1.5rem}.card-pending{border-left-color:var(--orange)}.card-next-service{border-left-color:var(--purple)}.card-practices{border-left-color:var(--blue)}.card-availability{border-left-color:var(--green)}.card-title{color:var(--ink);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;font-size:1rem;font-weight:600}.card-body{flex-direction:column;gap:.5rem;display:flex}.card-empty{color:var(--muted);margin:0 0 1rem;font-size:.875rem}.card-list{flex-direction:column;gap:.75rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.card-list-item{border-bottom:1px solid var(--surface-2);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.card-list-item:last-child{border-bottom:none;padding-bottom:0}.item-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.item-label{color:var(--ink);font-size:.9rem;font-weight:500}.item-meta{color:var(--muted);font-size:.78rem}.item-location{color:#7878a8;font-size:.78rem}.item-service-tag{color:#8888c0;white-space:nowrap;background:#12122a;border-radius:4px;padding:.15rem .4rem;font-size:.72rem}.item-actions{gap:.5rem;display:flex}.service-name{color:var(--ink);font-size:1.1rem;font-weight:600}.service-meta{color:var(--muted);font-size:.85rem}.service-role{margin-top:.25rem}.role-badge{border:1px solid var(--purple);color:var(--purple);text-transform:capitalize;background:#2d1f5e;border-radius:20px;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.service-setlist{color:var(--muted);margin-top:.25rem;font-size:.82rem}.setlist-label{color:var(--purple);font-weight:500}.setlist-count{color:var(--muted)}.btn-go-live{background:var(--purple);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:1rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .2s}.btn-go-live:hover{background:#7c3aed}.btn-accept{background:var(--green);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.btn-decline{color:var(--red);border:1px solid var(--red);cursor:pointer;background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.78rem;font-weight:600}.btn-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.1rem .4rem;font-size:1.1rem;line-height:1;transition:color .15s}.btn-remove:hover{color:var(--red)}.btn-add-blockout{color:var(--muted);cursor:pointer;background:0 0;border:1px dashed #3a3a5c;border-radius:8px;width:100%;padding:.5rem 1rem;font-size:.82rem;transition:border-color .2s,color .2s}.btn-add-blockout:hover{border-color:var(--green);color:var(--green)}.availability-strip-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.availability-strip-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.availability-quick-add{align-items:center;gap:6px;width:auto;min-height:44px;padding:10px 14px;display:inline-flex}.availability-quick-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.availability-quick-input{background:var(--surface);border:1px solid var(--line);min-height:44px;color:var(--ink);border-radius:8px;flex:140px;padding:10px 12px;font-size:16px}.availability-quick-cancel{justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.stat-tile{cursor:pointer;border:2px solid #0000;transition:transform .1s,box-shadow .1s}.stat-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.stat-tile.stat-active{border-color:var(--accent);box-shadow:0 0 12px var(--accent-soft)}.filter-title{color:var(--ink);margin:20px 0 12px;font-size:16px;font-weight:600}.filter-cards{flex-direction:column;gap:8px;display:flex}.filter-service-card{background:var(--surface);color:var(--ink);border-left:4px solid;border-radius:8px;padding:14px 16px;text-decoration:none;transition:background .1s;display:block}.filter-service-card:hover{background:var(--surface)}.filter-service-card.status-needs-attention{border-left-color:var(--accent)}.filter-service-card.status-ready{border-left-color:var(--green)}.filter-service-card.status-planning{border-left-color:var(--line)}.filter-service-top{justify-content:space-between;align-items:flex-start;display:flex}.filter-service-name{font-size:14px;font-weight:600}.filter-service-date{color:var(--muted);margin-top:2px;font-size:11px}.filter-service-issue{color:var(--accent);margin-top:6px;font-size:11px}.filter-service-meta{color:var(--muted);margin-top:4px;font-size:10px}.filter-member-card{background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.filter-member-avatar{background:var(--line);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.filter-member-info{flex:1}.filter-member-name{color:var(--ink);font-size:13px;font-weight:600}.filter-member-meta{color:var(--muted);font-size:10px}.filter-member-role{color:var(--accent);font-size:10px}.team-avail-list{flex-direction:column;gap:6px;display:flex}.team-avail-row{background:var(--bg);border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.team-avail-name{color:var(--ink);font-size:13px;font-weight:500}.team-avail-blockouts{flex-wrap:wrap;gap:4px;display:flex}.avail-badge{border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600}.avail-badge.blocked{background:var(--accent-soft);color:var(--accent)}.avail-badge.available{background:var(--green-soft);color:var(--green)}.attention-list{flex-direction:column;gap:6px;display:flex}.attention-item{background:var(--bg);color:var(--ink);border-left:3px solid var(--accent);border-radius:6px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:background .1s;display:flex}.attention-item:hover{background:var(--surface)}.attention-icon{color:var(--accent);flex-shrink:0}.attention-info{flex:1}.attention-name{color:var(--ink);font-size:13px;font-weight:600}.attention-date{color:var(--muted);font-size:10px}.attention-issue{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 8px;font-size:10px}.btn-view-details{background:var(--line);color:var(--ink-2);cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:11px}.btn-view-details:hover{background:#163a6e}.card-list-item{border-radius:6px;padding:8px;transition:background .1s}.card-list-item:hover{background:var(--surface)}@media (width<=768px){.dashboard-layout{padding:1rem;padding-left:max(1rem, var(--safe-left));padding-right:max(1rem, var(--safe-right));max-width:100vw;overflow-x:hidden}.welcome-heading{font-size:1.4rem}.quick-stats-row{gap:.5rem}.stat-tile{padding:1rem .5rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.65rem}.dashboard-card{padding:1rem}.btn-accept,.btn-decline{min-height:44px;padding:10px 16px;font-size:.875rem}}.dashboard-section{margin-top:20px}.dashboard-section-title{color:var(--ink);margin:0 0 12px;font-size:18px;font-weight:600}.status-badge.pending{background:var(--orange-soft);color:var(--orange)}.dashboard-availability-strip{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:10px 14px;display:flex}.availability-summary{color:var(--ink);font-size:13px}.availability-link{color:#6cb6ff;font-size:13px;text-decoration:none}.availability-link:hover{text-decoration:underline}.volunteer-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.volunteer-picker-label{color:#aaa;font-size:12px}.notification-bell-wrap{position:relative}.notification-bell{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:6px;position:relative}.notification-bell:hover{color:var(--accent)}.notification-badge{background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.notification-popover{background:var(--surface);border:1px solid var(--surface-2);z-index:1000;border-radius:8px;flex-direction:column;width:360px;max-height:500px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0006}.notification-popover-header{border-bottom:1px solid var(--surface-2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-popover-header h3{color:var(--ink);margin:0;font-size:14px;font-weight:600}.notification-mark-all{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.notification-mark-all:disabled{color:var(--muted);cursor:not-allowed}.notification-popover-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.notification-row{color:var(--ink);cursor:pointer;text-align:left;border:none;border-left:3px solid #0000;border-bottom:1px solid var(--line);background:0 0;align-items:flex-start;gap:10px;padding:10px 16px;display:flex}.notification-row:hover{background:var(--surface-2)}.notification-row.unread{border-left-color:var(--accent);background:var(--accent-soft)}.notification-row.read{opacity:.7}.notification-icon{color:var(--muted);flex-shrink:0;margin-top:2px}.notification-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notification-title{color:var(--ink);font-size:13px;font-weight:600}.notification-row.read .notification-title{font-weight:400}.notification-sub{color:var(--muted);font-size:11px}.notification-time{color:var(--muted);flex-shrink:0;margin-top:2px;font-size:10px}.notification-empty{text-align:center;color:var(--muted);padding:30px 16px;font-size:13px}.notification-popover-footer{border-top:1px solid var(--surface-2);text-align:center;padding:8px 16px}.notification-see-all{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.notification-see-all:hover{color:var(--ink)}@media (width<=767px){.notification-popover{top:calc(var(--mobile-header-height,44px) + var(--safe-top,0px) + 8px);width:auto;max-height:calc(100dvh - var(--mobile-header-height,44px) - var(--mobile-tabs-height,56px) - var(--safe-top,0px) - var(--safe-bottom,0px) - 24px);position:fixed;left:12px;right:12px}.notification-mark-all,.notification-see-all{min-height:44px}.notification-see-all{width:100%}.notification-row{min-height:44px}}.sync-indicator{width:28px;height:28px;color:var(--live-accent);justify-content:center;align-items:center;display:flex}.sync-indicator-icon{animation:1.2s linear infinite sync-spin}@keyframes sync-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desktop-topbar{height:var(--desktop-topbar-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}html.ipad-standalone .desktop-topbar{height:calc(var(--desktop-topbar-height) + var(--safe-top));padding-top:var(--safe-top)}.topbar-left{align-items:center;gap:24px;display:flex}.nav-logo{object-fit:contain;border-radius:7px;flex-shrink:0;width:32px;height:32px;display:block}.nav-logo-mobile{width:26px;height:26px}.topbar-tabs{gap:4px;display:flex}.topbar-tab{color:var(--inactive-tab-text);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;text-decoration:none;transition:background .15s,color .15s;display:flex}.topbar-tab:hover{color:var(--text-primary)}.topbar-tab.active{background:var(--active-tab-bg);color:var(--active-tab-text)}.topbar-tab.tab-live{color:var(--live-accent);border:1px solid var(--accent-soft);font-weight:700}.topbar-tab.tab-live:hover{color:var(--live-accent);background:var(--live-tab-bg)}.live-dot{font-size:8px}.topbar-right{align-items:center;gap:16px;display:flex}.notification-bell{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex;position:relative}.avatar-button{background:var(--active-tab-bg);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.avatar-button:hover{border-color:var(--live-accent)}.mobile-header{height:calc(var(--mobile-header-height) + var(--safe-top));background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0 max(12px, var(--safe-right)) 0 max(12px, var(--safe-left));padding-top:var(--safe-top);z-index:50;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;top:0;left:0;right:0}.mobile-header-right{align-items:center;gap:12px;display:flex}.mobile-bottom-tabs{height:calc(var(--mobile-tabs-height) + var(--safe-bottom));background:var(--nav-bg);border-top:1px solid var(--nav-border);padding:0 0 var(--safe-bottom);z-index:50;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab{color:var(--inactive-tab-text);flex-direction:column;flex:1;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-tab.active{color:var(--active-tab-text);font-weight:600}.mobile-tab-label{font-size:9px}.mobile-tab-live{color:var(--live-accent);position:relative}.mobile-live-circle{background:var(--live);color:#fff;border:3px solid var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:46px;height:46px;margin-top:-18px;display:flex;box-shadow:0 4px 12px #d1304f59}.mobile-live-label{font-size:8px;font-weight:700;line-height:1}@media (width<=767px){.notification-bell{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:20px;display:flex}.avatar-button{width:44px;height:44px;font-size:14px}.notification-dropdown{width:min(360px,100vw - 24px);right:12px}}.notification-bell-wrapper{position:relative}.notification-badge{background:var(--notification-badge);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:0;right:0}@media (width<=767px){.notification-badge{width:14px;height:14px;font-size:8px}}.notification-dropdown{background:var(--dropdown-bg);border:1px solid var(--nav-border);width:300px;box-shadow:0 8px 24px var(--dropdown-shadow);z-index:100;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0}.notification-dropdown-header{border-bottom:1px solid var(--nav-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-dropdown-title{color:var(--text-primary);font-size:13px;font-weight:700}.notification-mark-read{color:var(--live-accent);cursor:pointer;background:0 0;border:none;font-size:10px}.notification-dropdown-body{padding:16px}.notification-item{border:none;border-bottom:1px solid var(--nav-border);text-align:left;cursor:pointer;background:0 0;width:100%;padding:10px 16px;display:block}.notification-item:hover{background:var(--unread-tint)}.notification-text{color:var(--text-primary);font-size:11px;line-height:1.3}.notification-time{color:var(--text-muted);margin-top:2px;font-size:10px}.notification-empty{color:var(--text-muted);text-align:center;font-size:12px}.notification-dropdown-footer{border-top:1px solid var(--nav-border);text-align:center;padding:10px 16px}.notification-see-all{color:var(--live-accent);cursor:pointer;background:0 0;border:none;font-size:11px}.avatar-wrapper{position:relative}.avatar-active{border-color:var(--live-accent)}.avatar-dropdown{background:var(--dropdown-bg);border:1px solid var(--nav-border);width:200px;box-shadow:0 8px 24px var(--dropdown-shadow);z-index:100;border-radius:8px;position:absolute;top:calc(100% + 8px);right:0}.avatar-dropdown-user{border-bottom:1px solid var(--nav-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.avatar-dropdown-avatar{background:var(--active-tab-bg);width:36px;height:36px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.avatar-dropdown-name{color:var(--text-primary);font-size:12px;font-weight:700}.avatar-dropdown-role{color:var(--text-muted);font-size:10px}.avatar-dropdown-role.role-admin{color:var(--live-accent)}.avatar-dropdown-menu{padding:6px 0}.avatar-dropdown-footer{border-top:1px solid var(--nav-border);padding:6px 0}.avatar-dropdown-item{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 16px;font-size:12px;text-decoration:none;display:flex}.avatar-dropdown-item:hover{background:var(--active-tab-bg)}.avatar-dropdown-item.signout{color:var(--live-accent)}.player-dock{left:8px;right:8px;bottom:calc(var(--mobile-tabs-height,56px) + var(--safe-bottom,0px) + 8px);z-index:40;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:2px 10px;padding:8px 10px;display:grid;position:fixed}.player-dock-pp{background:var(--accent);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.player-dock-info{min-width:0}.player-dock-title{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.player-dock-sub{color:var(--muted);gap:8px;font-size:12px;display:flex}.player-dock-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.player-dock-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.player-dock-range{width:100%;accent-color:var(--accent);grid-column:2/4;margin-top:2px}@media (width>=768px){.player-dock{width:420px;bottom:24px;left:auto;right:24px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f1ee;--bg-deep:#fff;--surface:#fff;--surface-2:#f7f6f3;--ink:#1b1a17;--ink-2:#3c3a35;--muted:#6b6861;--line:#e1dfd8;--hist:#e9e7e1;--green:#2f7a4c;--green-soft:#dff2e6;--orange:#b45309;--orange-soft:#fbe9d4;--red:#b3261e;--red-soft:#f9e0de;--blue:#1d5fa8;--blue-soft:#dce9f8;--purple:#6d4ab5;--purple-soft:#e9e1f8;--live:#d1304f;--live-soft:#f9dde3;--highlight:#9a7209;--highlight-soft:#fbf1d0;--chord:var(--green);--on-accent:#fff;--scrim:#00000073;--shadow:0 8px 30px #0000002e;--shadow-sm:0 2px 8px #0000001a;--radius-sm:8px;--radius:12px;--radius-lg:16px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "Fira Code", Consolas, monospace;--accent:#b45309;--accent-soft:#fbe9d4;--accent-strong:#93420a}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--bg-deep:#0d0d0d;--surface:#1b1b1b;--surface-2:#242424;--ink:#edebe6;--ink-2:#cfccc4;--muted:#9d9a93;--line:#2c2c2c;--hist:#262626;--green:#7ed29c;--green-soft:#1c3526;--orange:#f5b04a;--orange-soft:#3a2a10;--red:#f39b95;--red-soft:#3e2222;--blue:#7fb3f0;--blue-soft:#1b2c44;--purple:#b9a1f0;--purple-soft:#2a2240;--live:#f05070;--live-soft:#3e1f28;--highlight:#f0c040;--highlight-soft:#3a2e10;--on-accent:#2a1800;--scrim:#0009;--shadow:0 8px 30px #00000080;--shadow-sm:0 2px 8px #0006;--accent:#f5b04a;--accent-soft:#3a2a10;--accent-strong:#ffc97a}[data-accent=green]{--accent:#2f7a4c;--accent-soft:#dff2e6;--accent-strong:#245f3b;--on-accent:#fff}[data-theme=dark][data-accent=green]{--accent:#7ed29c;--accent-soft:#1c3526;--accent-strong:#a3e6ba;--on-accent:#062a17}[data-accent=blue]{--accent:#1d5fa8;--accent-soft:#dce9f8;--accent-strong:#174b85;--on-accent:#fff}[data-theme=dark][data-accent=blue]{--accent:#7fb3f0;--accent-soft:#1b2c44;--accent-strong:#a6cbf7;--on-accent:#06182e}[data-accent=red]{--accent:#b3261e;--accent-soft:#f9e0de;--accent-strong:#8f1e18;--on-accent:#fff}[data-theme=dark][data-accent=red]{--accent:#f39b95;--accent-soft:#3e2222;--accent-strong:#f8b9b4;--on-accent:#2a0a08}[data-accent=purple]{--accent:#6d4ab5;--accent-soft:#e9e1f8;--accent-strong:#573b92;--on-accent:#fff}[data-theme=dark][data-accent=purple]{--accent:#b9a1f0;--accent-soft:#2a2240;--accent-strong:#cfbef7;--on-accent:#160b33}:root{--nav-bg:var(--surface);--nav-border:var(--line);--active-tab-bg:var(--accent-soft);--active-tab-text:var(--accent);--inactive-tab-text:var(--muted);--live-accent:var(--live);--live-tab-bg:var(--live-soft);--notification-badge:var(--live);--dropdown-bg:var(--surface);--dropdown-shadow:#00000040;--unread-tint:var(--accent-soft);--page-bg:var(--bg);--text-primary:var(--ink);--text-muted:var(--muted);--text:var(--ink);--muted:var(--muted);--border:var(--line);--desktop-topbar-height:52px;--mobile-header-height:44px;--mobile-tabs-height:56px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html.ipad-standalone{--safe-top:max(env(safe-area-inset-top,0px), 24px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{max-width:100vw;height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{flex-direction:column;width:100%;max-width:100vw;height:100%;display:flex;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.data-error-banner{border:1px solid var(--accent);background:var(--accent-soft);color:var(--red);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:12px;padding:10px 12px;font-size:13px;display:flex}.data-error-retry{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:13px}@media (width<=767px){.app-content{padding-top:calc(var(--mobile-header-height) + var(--safe-top));padding-bottom:calc(var(--mobile-tabs-height) + var(--safe-bottom))}.app-content.app-content-live{padding-top:0;padding-bottom:0}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px}input:not([type=checkbox]):not([type=radio]):not([type=range]),select{min-height:44px}}.page-placeholder{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.page-placeholder h1{font-size:24px;font-weight:400}.live-placeholder{background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.live-indicator{color:var(--live-accent);font-size:14px;font-weight:700}.live-placeholder h1{color:var(--text-primary);font-size:24px;font-weight:400}.live-placeholder p{color:var(--text-muted);font-size:13px}.live-exit{color:var(--live-accent);border:1px solid var(--live-accent);border-radius:6px;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;font-size:13px;text-decoration:none;display:flex}.live-exit:hover{background:var(--live-tab-bg)}