@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Source+Sans+3:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-primary: #C41E3A;--color-primary-dark: #9B1830;--color-primary-light: #E8354F;--color-primary-glow: rgba(196, 30, 58, .18);--color-bg: #121214;--color-bg-raised: #1E1D1C;--color-surface: rgba(34, 33, 32, .92);--color-surface-solid: #1E1D1C;--color-surface-hover: rgba(255, 255, 255, .035);--color-text: #F0EDE8;--color-text-secondary: #888;--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-border-focus: rgba(212, 168, 67, .5);--color-success: #22c55e;--color-danger: #ef4444;--color-warning: #f59e0b;--color-gold: #D4A843;--color-ember: #FF6B35;--color-open: rgba(34, 197, 94, .07);--color-open-border: #22c55e;--color-claimed: rgba(245, 158, 11, .08);--color-claimed-border: #f59e0b;--color-mine: rgba(212, 168, 67, .08);--color-mine-border: #D4A843;--color-paid: #D4A843;--color-volunteer: #22c55e;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 24px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .3);--glass-blur: blur(20px);--glass-bg: rgba(30, 29, 28, .88);--glass-border: rgba(255, 255, 255, .06);--font: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Oswald", sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--t-fast: .15s;--t-normal: .25s;--t-slow: .4s;--header-height: 60px;--bottom-nav-height: 68px;--content-max: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:17px;background:radial-gradient(1100px circle at 85% 20%,rgba(197,153,30,.4),transparent 60%),radial-gradient(900px circle at 15% 48%,rgba(169,38,12,.7),transparent 80%),radial-gradient(1000px circle at 75% 48%,rgba(105,0,112,.5),transparent 80%),linear-gradient(180deg,#121214,#0e0e10 70%,#050607);background-attachment:fixed;color:var(--color-text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 8px #c41e3a4d}50%{box-shadow:0 0 16px #c41e3a80}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:28px 24px;max-width:var(--content-max);margin:0 auto;width:100%}.header{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100;transition:background var(--t-normal)}.header-inner{max-width:var(--content-max);margin:0 auto;padding:0 24px;height:var(--header-height);display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);font-weight:800;font-size:1.1rem;flex-shrink:0;letter-spacing:-.02em;transition:opacity var(--t-fast)}.logo:hover{opacity:.85}.nav-shield{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:.5rem;box-shadow:0 0 14px #c41e3a4d,inset 0 1px #ffffff1a;flex-shrink:0}.nav-shield svg{width:1.2rem;height:1.2rem;color:#fff}.logo-titles{display:flex;flex-direction:column}.logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text)}.logo-sub{font-family:var(--font-display);font-size:.7rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-top:-2px}.nav{display:flex;gap:2px;flex:1}.nav-link{padding:7px 14px;border-radius:var(--radius);text-decoration:none;color:var(--color-text-secondary);font-size:.85rem;font-weight:600;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);white-space:nowrap;position:relative}.nav-link:hover{background:#ffffff0d;color:var(--color-text)}.nav-link.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 12px #c41e3a59,inset 0 1px #ffffff1a}.user-menu{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-name{font-size:.82rem;color:var(--color-text-secondary);font-weight:500}.role-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:#fff;padding:3px 10px;border-radius:10px}.role-badge.role-crew{background:var(--color-paid)}.role-badge.role-member{background:#8a9bba40;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;font-size:.68rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;padding:0 5px;margin-left:6px;animation:glow 2s ease-in-out infinite}.badge-lg{font-size:.82rem;min-width:24px;height:24px;border-radius:12px;margin-left:8px}.bottom-nav{display:none}.day-selector{display:flex;justify-content:space-between;gap:3px;margin-bottom:16px;padding:4px;background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.day-selector-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px 12px;border:none;background:transparent;border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast);color:var(--color-text-secondary);font-family:var(--font);min-height:52px;position:relative;-webkit-tap-highlight-color:transparent}.day-selector-tab:hover{background:var(--color-surface-hover)}.day-selector-tab.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 10px #c41e3a59}.day-selector-tab.today:not(.active):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.day-selector-tab.active.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#ffffffb3}.day-selector-letter{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.day-selector-tab.active .day-selector-letter{opacity:.9}.day-selector-date{font-size:1rem;font-weight:700;line-height:1.1}.day-selector-dots{display:flex;gap:3px;margin-top:2px;height:5px}.day-selector-dot{width:5px;height:5px;border-radius:50%}.day-selector-dot.dot-paid{background:var(--color-paid)}.day-selector-dot.dot-volunteer{background:var(--color-volunteer)}.day-selector-tab.active .day-selector-dot.dot-paid{background:#e8c97a}.day-selector-tab.active .day-selector-dot.dot-volunteer{background:#86efac}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:1px solid transparent;font-size:.86rem;font-weight:600;cursor:pointer;transition:all var(--t-normal) var(--ease-out);font-family:var(--font);text-decoration:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn:active:not(:disabled){transform:scale(.97);transition-duration:.06s}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border-color:#c41e3a40;box-shadow:0 2px 8px #c41e3a33,inset 0 1px #ffffff14}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);box-shadow:0 4px 20px #c41e3a66,0 0 0 1px #c41e3a1a;transform:translateY(-1px)}.btn-active{background:var(--color-primary-dark);color:#fff;border-color:#c41e3a4d}.btn-active:hover:not(:disabled){background:var(--color-primary)}.btn-danger{background:#ef44441f;color:var(--color-danger);border-color:#ef444433}.btn-danger:hover:not(:disabled){background:#ef444438;border-color:#ef444459}.btn-outline{background:#ffffff06;border:1px solid var(--color-border-hover);color:var(--color-text)}.btn-outline:hover:not(:disabled){background:#ffffff0f;border-color:#fff3}.btn-sm{padding:7px 13px;font-size:.8rem}.btn-xs{padding:4px 10px;font-size:.75rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-google{background:#ffffff0d;color:var(--color-text);border:1px solid var(--color-border-hover);font-weight:500}.btn-google:hover:not(:disabled){background:#ffffff17;border-color:#fff3;box-shadow:0 4px 16px #0000004d}.btn-volunteer{background:linear-gradient(135deg,var(--color-volunteer),#16a34a);color:#fff;border-color:#22c55e40;box-shadow:0 2px 8px #22c55e33}.btn-volunteer:hover:not(:disabled){box-shadow:0 4px 16px #22c55e59;transform:translateY(-1px)}.google-icon{flex-shrink:0}.page{animation:fadeIn .35s var(--ease-out)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.03em}.filters{display:flex;gap:8px}.select,.input{padding:10px 14px;border:1px solid var(--color-border-hover);border-radius:var(--radius);font-size:.86rem;font-family:var(--font);background:#121214cc;color:var(--color-text);transition:border-color var(--t-normal),box-shadow var(--t-normal),background var(--t-normal);min-height:42px}.select:focus,.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #d4a8431f,0 0 0 1px #d4a84340;background:#121214f2}.select option{background:var(--color-surface-solid);color:var(--color-text)}.form-panel{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;box-shadow:var(--shadow-md);animation:fadeInUp .4s var(--ease-out)}.form-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.form-panel-header h3{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.form{display:flex;flex-direction:column;gap:14px}.form-row{display:flex;gap:12px}.form-group{display:flex;flex-direction:column;gap:5px;flex:1}.form-group label{font-size:.72rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em}.form-help{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.form-actions{display:flex;gap:8px;margin-top:6px}.day-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:.86rem;cursor:pointer;padding:6px 12px;border:1px solid var(--color-border-hover);border-radius:var(--radius);transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);-webkit-tap-highlight-color:transparent}.checkbox-label:hover{background:#ffffff0a;border-color:#ffffff2e}.checkbox-label:has(input:checked){background:#d4a8431a;border-color:#d4a84359;box-shadow:0 0 0 1px #d4a8431a}.batch-date-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.batch-date-range{font-weight:700;min-width:200px;text-align:center;letter-spacing:-.01em}.batch-week-row{margin-bottom:8px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffff04;transition:border-color var(--t-fast)}.batch-week-row:hover{border-color:var(--color-border-hover)}.batch-week-toggle{margin-bottom:6px;border:none!important;padding:0!important;background:transparent!important}.week-navigator{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.week-label{text-align:center;min-width:220px}.week-dates{font-weight:700;font-size:1rem;letter-spacing:-.01em}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-column{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;min-height:200px;transition:border-color var(--t-normal),box-shadow var(--t-normal)}.day-column:hover{border-color:var(--color-border-hover);box-shadow:0 2px 12px #00000026}.day-header{background:#ffffff05;padding:10px 12px;border-bottom:1px solid var(--color-border);text-align:center}.day-name{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.day-date{font-size:.72rem;color:var(--color-text-secondary);margin-top:1px}.day-shifts{padding:8px;display:flex;flex-direction:column;gap:6px}.no-shifts{text-align:center;color:#8886;font-size:.78rem;padding:24px 8px;font-style:italic}.shift-card{border-radius:var(--radius);border:1px solid var(--color-border);padding:11px;font-size:.82rem;transition:box-shadow var(--t-normal) var(--ease-out),border-color var(--t-normal),transform var(--t-normal) var(--ease-out),background var(--t-normal);background:#ffffff05;position:relative}.shift-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-hover);transform:translateY(-2px)}.shift-card:active{transform:translateY(0);transition-duration:.06s}.shift-open{border-left:3px solid var(--color-open-border);background:var(--color-open)}.shift-claimed{border-left:3px solid var(--color-claimed-border);background:var(--color-claimed)}.shift-mine{border-left:3px solid var(--color-mine-border);background:var(--color-mine);box-shadow:0 0 0 1px #d4a8430d}.shift-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.shift-station{font-weight:700;font-size:.8rem;letter-spacing:-.01em}.shift-type-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:8px;color:#fff}.shift-type-badge.paid{background:var(--color-paid);box-shadow:0 1px 4px #d4a84340}.shift-type-badge.volunteer{background:var(--color-volunteer);box-shadow:0 1px 4px #22c55e40}.shift-volunteer-banner{background:linear-gradient(135deg,var(--color-volunteer),#16a34a);color:#fff;text-align:center;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:4px 0;margin:-11px -11px 8px;border-radius:var(--radius) var(--radius) 0 0}.shift-volunteer-note{font-size:.72rem;color:var(--color-volunteer);margin-top:4px;font-style:italic}.shift-card.shift-volunteer{border-color:#22c55e33;border-style:dashed}.shift-card.shift-volunteer.shift-open{background:#22c55e0d;border-left:3px dashed var(--color-volunteer)}.shift-card.shift-paid.shift-open{background:#d4a8430d;border-left:3px solid var(--color-paid)}.shift-members-only-note{font-size:.72rem;color:var(--color-text-secondary);font-style:italic}.member-info-banner{background:#8888880d;border:1px solid var(--color-border);border-left:3px solid var(--color-text-secondary);border-radius:var(--radius);padding:11px 14px;margin-bottom:16px;font-size:.84rem;color:var(--color-text-secondary);line-height:1.5}.hours-volunteer-label{font-size:.8rem;color:var(--color-volunteer);margin-top:4px}.shift-card-body{margin-bottom:8px}.shift-date{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:2px}.shift-time{font-weight:600}.shift-hours{color:var(--color-text-secondary);margin-left:4px;font-weight:500}.shift-description{font-size:.76rem;color:var(--color-text-secondary);margin-top:4px;font-style:italic;line-height:1.4}.shift-release-info{font-size:.74rem;color:var(--color-warning);font-weight:600;margin-top:4px}.shift-claimed-by{font-size:.76rem;color:var(--color-text-secondary);margin-top:2px}.shift-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}.shift-status-open{color:var(--color-success);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.shift-status-claimed{color:var(--color-text-secondary);font-size:.76rem}.shift-status-offered{color:#fb923c;font-size:.76rem;font-weight:600}.shift-card.shift-offered{border-color:#fb923c40;border-style:dashed;background:#fb923c0d}.shift-status-mine{color:var(--color-paid);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.shift-actions{display:flex;gap:4px;flex-wrap:wrap}.shift-error{color:var(--color-danger);font-size:.76rem;margin-top:6px;padding:7px 10px;background:#ef444412;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm)}.shift-pending{color:var(--color-warning);font-size:.76rem;margin-top:6px;padding:7px 10px;background:#f59e0b12;border:1px solid rgba(245,158,11,.15);border-radius:var(--radius-sm)}.admin-shift{border-left-width:3px}.hours-summary{flex:0 0 300px}.hours-bar-container{width:100%}.hours-bar-label{font-size:.84rem;margin-bottom:8px;font-weight:500;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hours-week-range{font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.hours-bar{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.hours-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-success),#16a34a);border-radius:4px;transition:width .6s var(--ease-out);box-shadow:0 0 10px #22c55e40}.hours-bar-fill.hours-full{background:linear-gradient(90deg,var(--color-danger),#dc2626);box-shadow:0 0 10px #ef44444d}.shifts-list{display:flex;flex-direction:column;gap:20px}.shift-group-date{font-size:.95rem;font-weight:700;padding-bottom:8px;border-bottom:1px solid var(--color-border);margin-bottom:8px;letter-spacing:-.01em}.shift-group-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.swap-list{display:flex;flex-direction:column;gap:8px}.swap-card{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;transition:border-color var(--t-normal),box-shadow var(--t-normal)}.swap-card:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #00000026}.swap-info{font-size:.88rem}.swap-actions{display:flex;gap:6px}.swap-status{font-size:.8rem;font-weight:600}.swap-status.pending{color:var(--color-warning)}.swap-picker-overlay{position:fixed;inset:0;background:#0a0a0cbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:150;padding:20px;animation:fadeIn .2s var(--ease-out)}.swap-picker{background:var(--color-surface-solid);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);padding:24px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .3s var(--ease-out)}.swap-picker-info{background:#ffffff06;border:1px solid var(--color-border);padding:12px 14px;border-radius:var(--radius);margin-bottom:12px;font-size:.88rem}.swap-target-list{display:flex;flex-direction:column;gap:8px}.swap-target-card{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:border-color var(--t-fast),background var(--t-fast)}.swap-target-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.swap-target-info{font-size:.84rem;line-height:1.45}.assign-user-list{display:flex;flex-direction:column;gap:4px;max-height:400px;overflow-y:auto}.assign-user-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--t-fast),background var(--t-fast);gap:12px}.assign-user-row:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.assign-user-row.assign-user-ineligible{opacity:.4}.assign-user-info{display:flex;flex-direction:column;gap:1px;min-width:0}.assign-user-name{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-user-email{font-size:.73rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assign-user-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.assign-user-ineligible-note{font-size:.72rem;color:var(--color-text-secondary);font-style:italic}.alerts-list{display:flex;flex-direction:column;gap:4px}.alert-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast)}.alert-unread{background:#c41e3a0a;border:1px solid rgba(196,30,58,.15)}.alert-read{background:#ffffff04;border:1px solid var(--color-border)}.alert-read:hover{background:var(--color-surface-hover)}.alert-icon{font-size:1.15rem;flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-message{font-size:.88rem;line-height:1.4}.alert-time{font-size:.76rem;color:var(--color-text-secondary);margin-top:2px}.alert-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}.alert-checkbox{flex-shrink:0;display:flex;align-items:center}.alert-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.alert-body{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;min-width:0}.alert-selected{background:#c41e3a0f;border-color:#c41e3a33}.claim-request-actions{display:flex;gap:8px;flex-shrink:0}.template-list{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.template-item{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.88rem;transition:border-color var(--t-fast),background var(--t-fast)}.template-item:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.template-item.template-editing{outline:2px solid var(--color-primary);outline-offset:-1px}.template-actions{display:flex;gap:6px}.template-form{border-top:1px solid var(--color-border);padding-top:18px}.template-form h4{font-size:.95rem;font-weight:700;margin-bottom:10px}.section{margin-bottom:32px}.section h2{font-family:var(--font-display);font-size:1.12rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.03em}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:var(--color-text-secondary);animation:pulse 1.5s ease-in-out infinite}.loading{text-align:center;color:var(--color-text-secondary);padding:40px;animation:pulse 1.5s ease-in-out infinite;font-size:.9rem}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.empty-state p{margin-bottom:16px}.empty-text{color:var(--color-text-secondary);font-size:.88rem}.help-text{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:radial-gradient(ellipse 800px 600px at 20% 15%,rgba(196,30,58,.12) 0%,transparent 60%),radial-gradient(ellipse 600px 400px at 80% 85%,rgba(212,168,67,.06) 0%,transparent 60%),radial-gradient(ellipse 500px 400px at 50% 50%,rgba(18,18,20,.6) 0%,transparent 70%),linear-gradient(145deg,#121214,#1e1d1c,#121214);padding:20px}.login-card{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:scaleIn .5s var(--ease-out)}.login-logo{font-size:4rem;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(196,30,58,.25))}.login-card h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.login-card h2{font-size:1.05rem;color:var(--color-primary);font-weight:700;margin-bottom:16px;letter-spacing:-.01em}.login-card p{color:var(--color-text-secondary);font-size:.88rem;margin-bottom:28px;line-height:1.6}.login-error{color:var(--color-danger);font-size:.84rem;margin-top:16px;padding:10px 14px;background:#ef444412;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius)}.admin-actions{display:flex;gap:8px}.settings-list{display:flex;flex-direction:column;gap:2px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius);cursor:pointer;transition:background var(--t-fast);-webkit-tap-highlight-color:transparent}.settings-row:hover{background:var(--color-surface-hover)}.settings-row-info{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-size:.9rem;font-weight:600;color:var(--color-text)}.settings-row-desc{font-size:.78rem;color:var(--color-text-secondary)}.settings-toggle-wrapper{flex-shrink:0;margin-left:16px}.settings-toggle{position:relative;width:46px;height:26px;border-radius:13px;border:none;background:#ffffff1a;cursor:pointer;transition:background var(--t-normal);padding:0;-webkit-tap-highlight-color:transparent}.settings-toggle-on{background:var(--color-success);box-shadow:0 0 10px #22c55e33}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--t-normal) var(--ease-spring);box-shadow:0 1px 4px #0000004d}.settings-toggle-on .settings-toggle-thumb{transform:translate(20px)}.settings-saved{font-size:.82rem;color:var(--color-success);font-weight:600}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#ffffff03}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.print-header,.print-only{display:none}.report-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.report-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.report-table{width:100%;border-collapse:collapse;font-size:.88rem}.report-table th{text-align:left;padding:12px 16px;font-size:.72rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--color-border);background:#ffffff05;white-space:nowrap}.report-table td{padding:11px 16px;border-bottom:1px solid var(--color-border);transition:background var(--t-fast)}.report-table tbody tr:hover td{background:var(--color-surface-hover)}.report-table tbody tr:last-child td{border-bottom:none}.report-number-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.report-email-cell{color:var(--color-text-secondary);font-size:.82rem}.report-stat-paid{color:var(--color-paid)}.report-stat-volunteer{color:var(--color-volunteer)}.report-total-cell{color:var(--color-text);font-weight:700}.report-totals-row td{border-top:2px solid var(--color-border-hover);background:#ffffff05;padding-top:14px;padding-bottom:14px}.report-cards{display:flex;flex-direction:column;gap:8px}.report-card{background:var(--color-surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);border-radius:var(--radius);padding:14px 16px;transition:border-color var(--t-fast)}.report-card-name{font-weight:700;font-size:.92rem;margin-bottom:2px}.report-card-email{font-size:.76rem;color:var(--color-text-secondary);margin-bottom:10px}.report-card-stats{display:flex;gap:16px}.report-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.report-stat-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary)}.report-stat-value{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.report-totals-card{border-color:var(--color-border-hover);background:#ffffff06}@media print{.header,.bottom-nav,.no-print,.page-header{display:none!important}.print-header{display:block!important;text-align:center;margin-bottom:24px}.print-header h1{font-size:16pt;margin-bottom:4px;color:#000}.print-header p{font-size:11pt;color:#666}.print-only{display:block!important}body{background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact}body:before{display:none!important}.main-content{padding:0!important;max-width:none!important}.page{animation:none!important}.report-table-wrapper{border:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}.report-table{font-size:10pt}.report-table th{background:#f5f5f5!important;color:#333!important;border-bottom:2px solid #333;padding:8px 12px}.report-table td{border-bottom:1px solid #ddd;padding:6px 12px;color:#000!important}.report-table tbody tr:hover td{background:transparent}.report-stat-paid{color:#2563eb!important}.report-stat-volunteer{color:#16a34a!important}.report-totals-row td{border-top:2px solid #333;background:#f5f5f5!important}.report-cards{display:none!important}}@media(max-width:1024px){.week-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){:root{--header-height: 52px}.header-inner{height:var(--header-height);padding:0 14px;gap:10px}.nav,.user-name{display:none}.logo{font-size:1rem}.logo-icon{font-size:1.2rem}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:#121214f5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--color-border);z-index:200;padding:0 2px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 6px 4px;min-width:44px;min-height:44px;text-decoration:none;color:var(--color-text-secondary);transition:color var(--t-fast);position:relative;-webkit-tap-highlight-color:transparent}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active .bottom-nav-icon svg{filter:drop-shadow(0 0 4px rgba(196,30,58,.3))}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;line-height:1}.bottom-nav-icon svg{width:21px;height:21px}.bottom-nav-label{font-size:.6rem;font-weight:600;letter-spacing:.01em;line-height:1}.bottom-nav-badge{position:absolute;top:1px;right:0;min-width:16px;height:16px;border-radius:8px;background:var(--color-danger);color:#fff;font-size:.58rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 0 6px #ef444466}.app-layout{padding-bottom:var(--bottom-nav-height)}.main-content{padding:14px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.page-header h1{font-size:1.25rem}.filters{width:100%}.filters .select{flex:1}.week-navigator{gap:8px;margin-bottom:14px}.week-label{min-width:160px}.week-dates{font-size:.88rem}.week-grid{grid-template-columns:1fr;gap:0}.week-grid .day-column{min-height:auto;border-radius:var(--radius-lg);animation:fadeIn .25s var(--ease-out)}.shift-card{padding:10px}.shift-card:hover{transform:none}.shift-actions{gap:6px}.btn-sm{padding:8px 14px;min-height:36px}.btn-xs{padding:6px 11px;min-height:32px;font-size:.76rem}.btn:hover:not(:disabled){transform:none}.admin-actions{flex-wrap:wrap;width:100%}.admin-actions .btn{flex:1;min-width:0;text-align:center;font-size:.78rem;padding:8px 10px}.report-actions{width:100%}.report-actions .btn{flex:1;min-width:0;text-align:center;font-size:.78rem;padding:8px 10px}.report-card-stats{flex-wrap:wrap;gap:12px}.report-stat{flex:1;min-width:60px}.form-row{flex-direction:column}.form-panel{padding:18px 14px;border-radius:var(--radius)}.hours-summary{flex:1;width:100%}.shift-group-cards{grid-template-columns:1fr}.swap-card{flex-direction:column;align-items:flex-start;gap:10px}.swap-actions{width:100%}.swap-actions .btn{flex:1}.swap-picker-overlay{padding:0;align-items:flex-end}.swap-picker{max-width:100%;max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUp .35s var(--ease-out);padding:20px 16px;padding-bottom:calc(16px + var(--bottom-nav-height))}.alert-card{padding:12px;gap:10px}.claim-request-actions{gap:6px}.claim-request-actions .btn{padding:7px 12px}.alert-checkbox input{width:18px;height:18px}.settings-row{padding:12px}.settings-row-label{font-size:.86rem}.settings-row-desc{font-size:.75rem}.batch-date-nav{flex-wrap:wrap;gap:8px}.batch-date-range{min-width:auto;font-size:.88rem;order:-1;width:100%}.batch-date-nav .btn{flex:1}.login-card{padding:36px 24px;border-radius:var(--radius-lg)}.login-logo{font-size:3rem}.login-card h1{font-size:1.3rem}.page{animation:fadeIn .2s var(--ease-out)}}