:root{
  --vp-bg:#f4f5f3;--vp-panel:#fff;--vp-panel-2:#f8f9f7;--vp-text:#161915;--vp-muted:#6b746c;--vp-line:#dde2dd;
  --vp-accent:#315c48;--vp-accent-soft:#e8f1ec;--vp-blue:#315f91;--vp-blue-soft:#eaf0f8;--vp-warn:#7b5e1b;
  --vp-warn-soft:#fbf5e4;--vp-danger:#8a3939;--vp-danger-soft:#fbebeb;--vp-shadow:0 16px 42px rgba(24,34,27,.08)
}
html[data-theme="dark"]{
  --vp-bg:#111411;--vp-panel:#191d19;--vp-panel-2:#151815;--vp-text:#f2f4f0;--vp-muted:#a5aea5;--vp-line:#303630;
  --vp-accent:#93c2a9;--vp-accent-soft:#20362b;--vp-blue:#9dbde8;--vp-blue-soft:#1f2b3c;--vp-warn:#e0bd61;
  --vp-warn-soft:#332d1a;--vp-danger:#ef9b9b;--vp-danger-soft:#3c2222;--vp-shadow:0 16px 42px rgba(0,0,0,.3)
}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]){
  --vp-bg:#111411;--vp-panel:#191d19;--vp-panel-2:#151815;--vp-text:#f2f4f0;--vp-muted:#a5aea5;--vp-line:#303630;
  --vp-accent:#93c2a9;--vp-accent-soft:#20362b;--vp-blue:#9dbde8;--vp-blue-soft:#1f2b3c;--vp-warn:#e0bd61;
  --vp-warn-soft:#332d1a;--vp-danger:#ef9b9b;--vp-danger-soft:#3c2222;--vp-shadow:0 16px 42px rgba(0,0,0,.3)
}}
*{box-sizing:border-box}body.volunteer-portal-page{margin:0;background:var(--vp-bg);color:var(--vp-text);font-family:inherit}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--vp-accent) 58%,transparent);outline-offset:3px}
.skip-link{position:fixed;top:10px;right:10px;z-index:9999;transform:translateY(-160%);background:var(--vp-text);color:var(--vp-panel);padding:9px 12px;border-radius:9px;text-decoration:none}.skip-link:focus{transform:none}
.vp-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr) 318px;background:var(--vp-bg)}
.vp-sidebar{background:var(--vp-panel);border-left:1px solid var(--vp-line);padding:17px 13px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px}
.vp-brand{display:flex;gap:11px;align-items:center;text-decoration:none;padding:4px}.vp-brand>span:last-child{display:grid}.vp-brand small{color:var(--vp-muted);font-size:10px}
.vp-person-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:14px;padding:11px}.vp-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--vp-accent-soft);color:var(--vp-accent);font-weight:800;background-size:cover;background-position:center}.vp-person-card strong,.vp-person-card small{display:block}.vp-person-card small{font-size:9px;color:var(--vp-muted);margin-top:3px}.vp-profile-state{grid-column:1/-1;font-size:9px;color:var(--vp-accent);border-top:1px solid var(--vp-line);padding-top:8px}
.vp-sidebar nav{display:grid;gap:3px}.vp-sidebar nav button{border:0;background:transparent;text-align:right;border-radius:9px;padding:9px 10px;color:var(--vp-muted)}.vp-sidebar nav button.active{background:var(--vp-text);color:var(--vp-panel)}.vp-sidebar-footer{margin-top:auto;border-top:1px solid var(--vp-line);padding-top:12px;display:grid;gap:6px}.vp-sidebar-footer a{font-size:11px}.vp-sidebar-footer span{font-size:9px;color:var(--vp-muted)}
.vp-workspace{min-width:0}.vp-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--vp-line);background:color-mix(in srgb,var(--vp-panel) 92%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:7}.vp-topbar>div:first-child span,.vp-topbar>div:first-child strong{display:block}.vp-topbar>div:first-child span{font-size:9px;color:var(--vp-muted)}.vp-topbar>div:first-child strong{margin-top:2px}.vp-top-actions{display:flex;gap:7px}.vp-search,.theme-toggle{border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:9px;min-height:36px;padding:0 11px}.vp-search span{font-size:10px;color:var(--vp-muted)}
.persistent-attendance{position:sticky;top:68px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:var(--vp-accent-soft);border-bottom:1px solid color-mix(in srgb,var(--vp-accent) 28%,var(--vp-line));box-shadow:0 6px 18px rgba(0,0,0,.04)}.persistent-attendance-copy{display:flex;align-items:center;gap:10px}.persistent-attendance-copy strong,.persistent-attendance-copy small{display:block}.persistent-attendance-copy small{font-size:9px;color:var(--vp-muted);margin-top:2px}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--vp-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--vp-accent) 16%,transparent)}
.vp-workspace main{max-width:1180px;margin:auto;padding:24px}.vp-view.hidden{display:none}.eyebrow{margin:0;font-size:10px;color:var(--vp-muted)}
.today-attendance-card{border:1px solid color-mix(in srgb,var(--vp-accent) 36%,var(--vp-line));background:linear-gradient(135deg,var(--vp-panel),var(--vp-accent-soft));border-radius:20px;padding:20px;box-shadow:var(--vp-shadow);margin-bottom:16px}.attendance-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.attendance-card-head h1{font-size:30px;line-height:1.1;margin:7px 0 6px}.attendance-card-head p:last-child{margin:0;color:var(--vp-muted)}.attendance-state-badge{font-size:10px;border:1px solid currentColor;border-radius:999px;padding:6px 9px;white-space:nowrap;color:var(--vp-accent)}
.today-shift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0}.today-shift-grid>div{background:color-mix(in srgb,var(--vp-panel) 78%,transparent);border:1px solid var(--vp-line);border-radius:11px;padding:9px}.today-shift-grid span,.today-shift-grid strong{display:block}.today-shift-grid span{font-size:8px;color:var(--vp-muted)}.today-shift-grid strong{font-size:11px;margin-top:3px}.today-attendance-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.attendance-result{font-size:10px;color:var(--vp-muted);line-height:1.7}.attendance-cta{min-height:46px;border:1px solid var(--vp-accent);background:var(--vp-accent);color:var(--vp-panel);border-radius:12px;padding:0 18px;font-weight:700}.attendance-cta.compact{min-height:36px;padding:0 13px;font-size:11px}.attendance-cta:disabled{opacity:.5;cursor:not-allowed}.privacy-note{font-size:9px;color:var(--vp-muted);line-height:1.7;margin:12px 0 0}
.state-checked-in{border-color:color-mix(in srgb,var(--vp-blue) 42%,var(--vp-line));background:linear-gradient(135deg,var(--vp-panel),var(--vp-blue-soft))}.state-checked-in .attendance-state-badge{color:var(--vp-blue)}.state-checked-out{border-color:var(--vp-line);background:var(--vp-panel)}.state-issue{border-color:color-mix(in srgb,var(--vp-danger) 45%,var(--vp-line));background:linear-gradient(135deg,var(--vp-panel),var(--vp-danger-soft))}.state-issue .attendance-state-badge{color:var(--vp-danger)}
.vp-next-action{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:16px;padding:16px 18px;margin:16px 0}.vp-next-action h2{margin:4px 0 5px;font-size:20px}.vp-next-action p:last-child{margin:0;color:var(--vp-muted);font-size:11px}.vp-primary,.link-button{min-height:36px;border:1px solid var(--vp-text);background:var(--vp-text);color:var(--vp-panel);border-radius:9px;padding:0 12px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.vp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.priority-grid{margin-bottom:14px}.vp-card{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:16px;padding:16px;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:12px}.card-head h2{margin:4px 0 0;font-size:18px}.card-head button{border:0;background:transparent;color:var(--vp-blue);font-size:10px}.assignment-mini{display:grid;gap:3px}.assignment-mini span,.assignment-mini small{font-size:9px;color:var(--vp-muted)}
.vp-alerts{display:grid;gap:7px}.vp-alerts button{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:start;border:0;background:transparent;text-align:right;padding:9px;border-bottom:1px solid var(--vp-line)}.vp-alerts button:last-child{border-bottom:0}.vp-alerts strong,.vp-alerts small{display:block}.vp-alerts small{color:var(--vp-muted);font-size:9px;margin-top:3px}.alert-dot{width:8px;height:8px;border-radius:50%;background:var(--vp-accent);margin-top:5px}.alert-dot.warn{background:var(--vp-warn)}
.home-card-grid{display:grid;grid-template-columns:74px 1fr 1fr;gap:12px;align-items:center}.mini-photo-placeholder{width:74px;height:82px;border-radius:12px;background:var(--vp-panel-2);display:grid;place-items:center;font-size:24px;font-weight:800;background-size:cover;background-position:center}.home-card-grid span,.home-card-grid strong,.home-card-grid small{display:block}.home-card-grid span,.home-card-grid small{font-size:9px;color:var(--vp-muted)}.home-card-grid strong{font-size:11px;margin:3px 0}
.hours-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.hours-summary>div{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:12px;padding:11px}.hours-summary span,.hours-summary strong,.hours-summary small{display:block}.hours-summary span,.hours-summary small{font-size:9px;color:var(--vp-muted)}.hours-summary strong{font-size:19px;margin:4px 0}.compact-hours>div{background:var(--vp-panel-2)}
.vp-list{display:grid;gap:7px}.vp-list button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:10px;padding:10px;text-align:right}.vp-list strong,.vp-list small{display:block}.vp-list small{font-size:9px;color:var(--vp-muted);margin-top:3px}.vp-list i{font-style:normal;font-size:9px;padding:3px 6px;border-radius:999px;background:var(--vp-accent-soft);color:var(--vp-accent)}
.vp-page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--vp-line);margin-bottom:16px}.vp-page-head h1{font-size:clamp(28px,4vw,42px);line-height:1.1;margin:7px 0 9px}.vp-page-head p{margin:0;color:var(--vp-muted);line-height:1.75}
.vp-table{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:14px;overflow:hidden}.vp-table-head,.vp-table>button{display:grid;grid-template-columns:1.4fr .85fr .8fr 1.2fr;gap:10px;align-items:center}.vp-table-head{padding:8px 10px;background:var(--vp-panel-2);font-size:9px;color:var(--vp-muted);border-bottom:1px solid var(--vp-line)}.vp-table>button{width:100%;border:0;border-bottom:1px solid var(--vp-line);background:transparent;text-align:right;padding:11px 10px}.vp-table>button:last-child{border-bottom:0}.vp-table strong,.vp-table small{display:block}.vp-table small{font-size:9px;color:var(--vp-muted)}.vp-table i,.status-chip{font-style:normal;font-size:9px;border:1px solid var(--vp-line);border-radius:999px;padding:3px 7px;display:inline-block}.vp-table i.success,.status-chip.success{background:var(--vp-accent-soft);color:var(--vp-accent);border-color:transparent}.vp-table i.review,.status-chip.review{background:var(--vp-blue-soft);color:var(--vp-blue);border-color:transparent}.vp-table i.wait,.status-chip.wait{background:var(--vp-warn-soft);color:var(--vp-warn);border-color:transparent}
.opportunity-grid,.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opportunity-grid article,.certificate-grid article{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:15px;padding:15px}.opportunity-grid article>span{font-size:9px;color:var(--vp-muted)}.opportunity-grid h2,.certificate-grid h2{font-size:17px;margin:8px 0 5px}.opportunity-grid p,.certificate-grid p{font-size:10px;color:var(--vp-muted);line-height:1.7}.opportunity-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:7px}.opportunity-grid dl div{background:var(--vp-panel-2);border-radius:9px;padding:8px}.opportunity-grid dt{font-size:8px;color:var(--vp-muted)}.opportunity-grid dd{font-size:10px;margin:3px 0 0}.opportunity-grid button,.certificate-grid button,.vp-card>button,.manual-correction button{min-height:34px;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:8px;padding:0 10px}.certificate-grid button:disabled{opacity:.45;cursor:not-allowed}
.assignment-detail{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:13px}.assignment-main,.instruction-state,.attendance-card,.manual-correction,.profile-layout>form,.profile-notes{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:15px;padding:16px}.assignment-main h2{margin:10px 0 5px}.assignment-main>p{color:var(--vp-muted);font-size:11px}.assignment-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:14px 0}.assignment-facts>div{background:var(--vp-panel-2);padding:8px;border-radius:9px}.assignment-facts span,.assignment-facts strong{display:block}.assignment-facts span{font-size:8px;color:var(--vp-muted)}.assignment-facts strong{font-size:10px;margin-top:3px}.assignment-main li{color:var(--vp-muted);font-size:11px;line-height:1.7}.instruction-state span,.instruction-state strong,.instruction-state small{display:block}.instruction-state span,.instruction-state small{font-size:9px;color:var(--vp-muted)}.instruction-state strong{font-size:19px;margin:5px 0}
.attendance-experience{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:13px}.attendance-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.attendance-top h2{font-size:19px;margin:8px 0 0}.attendance-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0}.attendance-policy>div{background:var(--vp-panel-2);padding:9px;border-radius:9px}.attendance-policy span,.attendance-policy strong{display:block}.attendance-policy span{font-size:8px;color:var(--vp-muted)}.attendance-policy strong{font-size:10px;margin-top:3px}.attendance-actions{display:flex;gap:8px}.attendance-actions button{min-height:38px;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:9px;padding:0 12px}.attendance-log{margin-top:12px;display:grid;gap:6px}.attendance-log div,.attendance-log>span{font-size:10px;background:var(--vp-panel-2);border-radius:8px;padding:8px}.manual-correction h2{margin:5px 0 12px}.manual-correction label{display:grid;gap:5px;font-size:10px}.manual-correction textarea,.profile-layout input,.vp-card select,.vp-card textarea{border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:9px;padding:9px;width:100%}.manual-correction small{display:block;font-size:9px;color:var(--vp-muted);line-height:1.7;margin-top:8px}
.hours-table .vp-table-head,.hours-table>button{grid-template-columns:1.25fr .8fr .8fr 1fr}
.card-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.volunteer-id-card{background:linear-gradient(135deg,#143b2d,#2e6a50);color:white;border-radius:24px;padding:22px;min-height:360px;box-shadow:var(--vp-shadow);position:relative;overflow:hidden}.volunteer-id-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.06);left:-80px;bottom:-100px}.card-brand{display:flex;gap:10px;align-items:center}.card-brand>div{display:grid}.card-brand small{font-size:10px;opacity:.72}.card-person{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;margin:28px 0}.card-person canvas{width:150px;height:175px;border-radius:16px;background:#e9efe9;object-fit:cover}.card-person h2{font-size:27px;margin:0 0 5px}.card-person p{margin:0 0 10px;opacity:.8}.member-state{display:inline-block;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 8px;font-size:10px}.card-bottom{display:grid;grid-template-columns:1fr 1fr 120px;gap:10px;align-items:end}.card-bottom>div:not(.qr-placeholder){background:rgba(255,255,255,.08);border-radius:10px;padding:9px}.card-bottom span,.card-bottom strong{display:block}.card-bottom span{font-size:8px;opacity:.7}.card-bottom strong{font-size:10px;margin-top:3px}.qr-placeholder{height:78px;border:1px dashed rgba(255,255,255,.35);border-radius:10px;display:grid;place-items:center;text-align:center;padding:8px}.qr-placeholder span{font-size:17px}.qr-placeholder small{font-size:7px;opacity:.65}
.card-status-panel{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:16px;padding:16px}.card-status-panel h2{margin:5px 0 14px}.card-status-steps{display:grid;gap:7px}.card-status-steps span{font-size:9px;border:1px solid var(--vp-line);border-radius:9px;padding:7px;color:var(--vp-muted)}.card-status-steps span.active{background:var(--vp-accent-soft);color:var(--vp-accent);border-color:transparent}.card-status-panel>p{font-size:10px;color:var(--vp-muted);line-height:1.7}.card-staff-note{background:var(--vp-panel-2);border-radius:10px;padding:10px;margin-top:12px}.card-staff-note strong,.card-staff-note small{display:block}.card-staff-note small{font-size:9px;color:var(--vp-muted);line-height:1.6;margin-top:3px}
.vp-card label{display:grid;gap:5px;font-size:10px;margin-top:10px}.history-timeline{display:grid;gap:1px}.history-timeline article{display:grid;grid-template-columns:140px 20px 1fr;gap:10px;align-items:start;padding:11px;background:var(--vp-panel);border-bottom:1px solid var(--vp-line)}.history-timeline time{font-size:9px;color:var(--vp-muted)}.history-timeline strong,.history-timeline span{display:block}.history-timeline span{font-size:9px;color:var(--vp-muted);margin-top:3px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:13px}.profile-layout fieldset{border:0;padding:0;margin:0 0 18px}.profile-layout legend{font-weight:700;margin-bottom:8px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-fields label,.profile-layout form>fieldset>label{display:grid;gap:5px;font-size:10px}.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.skill-tags button{border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:999px;padding:5px 8px;font-size:9px}.availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.availability-grid label{display:flex;gap:6px;align-items:center;background:var(--vp-panel-2);border-radius:8px;padding:8px;font-size:9px}.profile-notes h2{margin-top:0;font-size:17px}.profile-notes li,.profile-notes p{color:var(--vp-muted);font-size:10px;line-height:1.7}
.photo-uploader{margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--vp-line)}.photo-section-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.photo-section-head h2{margin:5px 0 0}.photo-state{font-size:9px;border:1px solid var(--vp-line);border-radius:999px;padding:5px 8px}.photo-layout{display:grid;grid-template-columns:240px 1fr;gap:16px;margin-top:14px}.photo-preview-shell{position:relative;width:240px;height:270px;border-radius:18px;background:var(--vp-panel-2);border:1px solid var(--vp-line);overflow:hidden}.photo-preview-shell canvas{width:100%;height:100%;display:block}.photo-empty{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:6px;color:var(--vp-muted)}.photo-empty strong{font-size:48px}.photo-empty.hidden{display:none}.photo-controls{display:grid;gap:10px;align-content:start}.photo-controls>p{font-size:10px;color:var(--vp-muted);line-height:1.7;margin:0}.photo-buttons{display:flex;gap:7px;flex-wrap:wrap}.photo-buttons button,.photo-rejection button,.photo-demo-review button{min-height:34px;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:8px;padding:0 10px}.photo-buttons button:disabled,.photo-demo-review button:disabled{opacity:.45;cursor:not-allowed}.photo-controls label{display:grid;gap:5px;font-size:9px}.photo-controls input[type="range"]{width:100%}.photo-lifecycle{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.photo-lifecycle span{font-size:8px;border:1px solid var(--vp-line);border-radius:999px;padding:4px 6px;color:var(--vp-muted)}.photo-lifecycle span.active{background:var(--vp-accent-soft);color:var(--vp-accent);border-color:transparent}.photo-rejection{margin-top:10px;background:var(--vp-danger-soft);color:var(--vp-danger);border-radius:10px;padding:10px}.photo-rejection.hidden{display:none}.photo-rejection p{font-size:10px}.photo-demo-review{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}.photo-demo-review>span{font-size:9px;color:var(--vp-muted)}
.vp-inspector{background:var(--vp-panel);border-right:1px solid var(--vp-line);height:100vh;position:sticky;top:0;padding:16px;overflow:auto}.inspector-head{display:flex;justify-content:space-between;gap:10px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--vp-line)}.inspector-head h2{font-size:18px;margin:5px 0 0}.vp-inspector dl{margin:13px 0}.vp-inspector dl div{padding:8px 0;border-bottom:1px solid var(--vp-line)}.vp-inspector dt{font-size:8px;color:var(--vp-muted)}.vp-inspector dd{margin:3px 0 0;font-size:10px}.vp-inspector section{margin-top:16px}.vp-inspector section h3{font-size:12px}.vp-inspector section p{font-size:10px;color:var(--vp-muted);line-height:1.7}.vp-inspector section button{min-height:34px;border:1px solid var(--vp-line);background:var(--vp-panel-2);border-radius:8px;padding:0 10px}
.toast{position:fixed;left:20px;bottom:20px;z-index:1000;max-width:min(420px,calc(100vw - 40px));background:var(--vp-text);color:var(--vp-panel);padding:11px 13px;border-radius:10px;box-shadow:var(--vp-shadow);opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s ease}.toast.show{opacity:1;transform:none}
@media(max-width:1250px){.vp-shell{grid-template-columns:230px minmax(0,1fr)}.vp-inspector{grid-column:1/-1;height:auto;position:relative;border-right:0;border-top:1px solid var(--vp-line)}}
@media(max-width:900px){.vp-shell{grid-template-columns:1fr}.vp-sidebar{height:auto;position:relative;border-left:0;border-bottom:1px solid var(--vp-line)}.vp-sidebar nav{display:flex;overflow-x:auto}.vp-sidebar nav button{white-space:nowrap}.vp-sidebar-footer{display:none}.persistent-attendance{top:68px}.vp-grid,.assignment-detail,.attendance-experience,.profile-layout,.card-workspace{grid-template-columns:1fr}.opportunity-grid,.certificate-grid{grid-template-columns:1fr 1fr}.vp-metrics,.identity-spine,.assignment-facts{grid-template-columns:1fr 1fr}.photo-layout{grid-template-columns:220px 1fr}.today-shift-grid{grid-template-columns:1fr 1fr}.card-person{grid-template-columns:130px 1fr}.card-person canvas{width:130px;height:155px}}
@media(max-width:650px){.vp-workspace main{padding:14px}.vp-topbar{padding:0 14px}.vp-search span{display:none}.persistent-attendance{top:68px;padding:9px 14px;align-items:flex-start}.persistent-attendance-copy small{display:none}.persistent-attendance{flex-direction:column}.attendance-cta.compact{width:100%}.today-attendance-bottom,.photo-layout{grid-template-columns:1fr}.today-shift-grid,.opportunity-grid,.certificate-grid,.hours-summary,.profile-fields,.availability-grid,.attendance-policy{grid-template-columns:1fr}.attendance-card-head,.vp-page-head,.photo-section-head{align-items:flex-start;flex-direction:column}.attendance-cta{width:100%}.home-card-grid{grid-template-columns:64px 1fr}.home-card-grid>div:last-child{grid-column:1/-1}.vp-table-head{display:none}.vp-table>button,.hours-table>button{grid-template-columns:1fr 1fr}.photo-preview-shell{width:100%;max-width:300px;height:330px}.card-person,.card-bottom{grid-template-columns:1fr}.volunteer-id-card{min-height:0}.card-person canvas{width:140px;height:164px}.history-timeline article{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}