:root{color-scheme:light;--ink: #111827;--muted: #667085;--line: #d7dde5;--paper: #f4f6f8;--surface: #ffffff;--primary: #0f6b58}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Segoe UI,system-ui,sans-serif}select{min-height:36px;width:100%;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:#fff;font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:auto 1fr}.topbar{grid-column:1 / -1;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:16px 24px;background:var(--surface)}.eyebrow{display:block;color:var(--muted);font-weight:800;text-transform:uppercase}.sidebar{border-right:1px solid var(--line);padding:16px;background:#fbfcfd}.nav-item{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;font-weight:800;text-align:left}.nav-item.active,.nav-item:hover{background:#e8f2ef;color:#0b4b40}.content{min-width:0;padding:22px}.status{min-height:24px;display:block;color:var(--muted);font-weight:700}.page{display:grid;gap:18px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:18px}.form-card{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr)) auto;gap:12px;align-items:end}.import-card{display:grid;max-width:420px;gap:8px}.import-card input[type=file]{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;font:inherit}.volunteer-tools-card{width:100%}.volunteer-tools-layout{display:grid;grid-template-columns:minmax(520px,max-content) minmax(280px,420px);gap:24px;align-items:start;justify-content:space-between;width:100%}.volunteer-add-fields{display:grid;grid-template-columns:minmax(180px,260px) minmax(220px,300px) auto;gap:12px;align-items:end;justify-content:start}.volunteer-import-field{justify-self:end;width:100%;max-width:420px}.volunteer-import-field input[type=file]{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;font:inherit}.attraction-tools-card{width:100%}.attraction-add-fields{display:grid;grid-template-columns:minmax(180px,260px) minmax(160px,200px) auto auto;gap:12px;align-items:end;justify-content:start}.attraction-add-fields.has-order{grid-template-columns:minmax(180px,260px) minmax(160px,200px) auto 74px auto}.order-input{width:74px}.list{display:grid;gap:10px}.list-row{display:grid;grid-template-columns:minmax(260px,1.1fr) minmax(420px,2fr) auto;align-items:center;gap:16px}.volunteer-list-row,.attraction-list-row{grid-template-columns:1fr}.volunteer-row-layout{display:grid;grid-template-columns:minmax(220px,1fr) max-content;gap:24px;align-items:start;justify-content:space-between;width:100%}.attraction-row-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,max-content);gap:24px;align-items:start;justify-content:space-between;width:100%}.volunteer-row-side{display:grid;grid-template-columns:auto max-content;gap:16px;align-items:start;justify-content:end}.attraction-row-side{display:grid;justify-items:end}.list-main{display:grid;gap:4px;min-width:0;justify-items:start}.list-row span,.list-row small,.list-row a{color:var(--muted)}.list-row a{font-size:.86rem;font-weight:700;text-decoration:none}.list-row a:hover{text-decoration:underline}.list-row small{overflow-wrap:anywhere}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.userlink-qr,.userlink-qr-placeholder{display:block;width:72px;height:72px}.userlink-qr{border:1px solid var(--line);border-radius:6px;padding:4px;background:#fff}.userlink-qr img{display:block;width:100%;height:100%}.userlink-qr-placeholder{border:1px solid transparent}.inline-availability{display:grid;gap:12px}.volunteer-inline-availability{grid-template-columns:repeat(7,minmax(88px,1fr))}.attraction-inline-availability{grid-template-columns:repeat(4,minmax(105px,1fr))}.planning-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.planning-grid{display:grid;min-width:1280px}.grid-head,.attraction-cell,.plan-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px}.grid-head{position:sticky;top:0;z-index:3;background:#e8f2ef;font-weight:900}.time-head{white-space:nowrap}.sticky{position:sticky;left:0;z-index:4;background:#f8fafb}.attraction-cell{display:grid;gap:3px;min-height:48px;align-content:center;font-weight:900;background:#f8fafb}.attraction-cell span{color:var(--muted);font-size:.86rem;font-weight:700}.plan-cell{display:grid;min-height:48px;align-content:center}.plan-cell.missing{background:#fff1f1}.plan-cell.planned{background:#eef8ee}.plan-cell select{min-height:32px;padding-inline:8px}.availability{display:grid;gap:10px}.availability-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,auto);gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:10px}.volunteer-availability-row{display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,minmax(140px,auto));gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:10px}.availability-day{display:grid;gap:6px}.availability-day span{color:var(--muted);font-size:.92rem;font-weight:600}.inline-availability label{color:var(--muted);font-size:.92rem;font-weight:400}.dialog-fields{display:grid;gap:14px;min-width:min(420px,78vw)}.mobile-page{width:min(100% - 20px,430px);margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 0 max(24px,env(safe-area-inset-bottom))}.public-credit{margin-bottom:12px;color:var(--muted);font-size:.65rem;font-weight:500;text-align:right}.public-planning-header{display:grid;gap:10px;margin-bottom:24px;text-align:center}.public-planning-header h1,.public-planning-header h2{margin:0}.public-planning-header h1{font-size:clamp(1.7rem,6vw,2.1rem);font-weight:700;color:#228b22}.public-planning-header h2{font-size:clamp(1.15rem,4.8vw,1.4rem);font-weight:600;color:#9f1c1c}.mobile-day{display:grid;gap:12px;margin-top:18px}.mobile-day h2{margin:0;font-size:1rem}.mobile-card{display:grid;gap:4px;border-radius:8px;padding:14px 16px;border-left:5px solid var(--primary)}.mobile-card strong{font-size:1rem;line-height:1.35}.mobile-card span{font-size:.98rem;line-height:1.35}@media (max-width: 480px){.mobile-page{width:calc(100% - 16px);padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom))}.public-credit{font-size:.62rem}.public-planning-header{gap:8px;margin-bottom:20px}.mobile-day{gap:10px;margin-top:16px}.mobile-card{padding:12px 14px}}.error{color:#9f1c1c;font-weight:800}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar{display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.nav-item{flex:0 0 auto;width:auto}.form-card,.volunteer-tools-layout,.volunteer-add-fields,.attraction-add-fields,.availability-row,.volunteer-availability-row,.list-row,.volunteer-row-layout,.attraction-row-layout,.volunteer-inline-availability,.attraction-inline-availability{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.volunteer-row-side{grid-template-columns:1fr;justify-items:start}.attraction-row-side{justify-items:start}.volunteer-import-field{justify-self:stretch;max-width:none}.topbar{align-items:flex-start;flex-direction:column}}