.under-construction-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-toast, 3000);background:repeating-linear-gradient(45deg,var(--color-warning, #FBBF24),var(--color-warning, #FBBF24) 30px,var(--bg-primary, #0F172A) 30px,var(--bg-primary, #0F172A) 60px);color:var(--text-primary);padding:12px 20px;text-align:center;font-weight:700;overflow:hidden;border-bottom:3px solid var(--color-electric-purple, #7C3AED);box-shadow:var(--shadow-lg)}.banner-content{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;gap:12px;font-size:18px;letter-spacing:2px;background-color:var(--bg-secondary);padding:4px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.warning-icon{font-size:24px;animation:pulse 2s infinite}.banner-text{font-family:Arial Black,Arial Bold,sans-serif}.caution-tape{position:absolute;width:150px;height:25px;background:repeating-linear-gradient(45deg,var(--color-warning, #FBBF24),var(--color-warning, #FBBF24) 20px,var(--bg-primary, #0F172A) 20px,var(--bg-primary, #0F172A) 40px);border:2px solid var(--border-secondary);box-shadow:var(--shadow-sm);z-index:3}.caution-tape-right{top:8px;right:-55px;transform:rotate(45deg)}.close-banner-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);background-color:#000000b3;color:#fff;border:2px solid #000;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:4;padding:0;line-height:1}.close-banner-btn:hover{background-color:#000000e6;transform:translateY(-50%) scale(1.1)}.close-banner-btn:active{transform:translateY(-50%) scale(.95)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.banner-content{font-size:14px;gap:8px;padding:4px 12px}.warning-icon{font-size:18px}.caution-tape{width:120px;height:20px}.caution-tape-right{right:-45px;top:6px}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);color:var(--text-primary);padding:16px 0;box-shadow:var(--shadow-md);position:relative;border-bottom:1px solid var(--border-primary)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}@media (max-width: 768px){.header-content{gap:12px}}.logo{font-size:24px;font-weight:600;margin:0;transition:opacity .2s}.logo-link{text-decoration:none;color:inherit}.logo-link:hover .logo{opacity:.8}@media (max-width: 768px){.logo{font-size:18px}}.nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.nav{gap:8px}}.nav-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:16px}@media (max-width: 768px){.nav-link{padding:6px 12px;font-size:14px}}.nav-link:hover{color:var(--text-primary);background-color:#7c3aed26}.nav-link.active{color:var(--color-neon-cyan);background-color:#22d3ee1a}.main{flex:1;padding:32px 0}@media (max-width: 768px){.main{padding:16px 0}}.footer{background-color:var(--bg-secondary);padding:20px 0;margin-top:40px;border-top:1px solid var(--border-primary);text-align:center;color:var(--text-secondary);font-size:14px}.footer-contact{margin-top:10px}.footer-contact a{color:var(--color-neon-cyan);text-decoration:none;transition:color var(--transition-fast)}.footer-contact a:hover{color:var(--color-hot-pink);text-decoration:underline}.footer-separator{margin:0 10px;color:var(--text-muted)}@media (max-width: 768px){.footer{padding:16px 0;margin-top:20px;font-size:12px}}.dropdown{position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.dropdown-arrow{font-size:10px;transition:transform .2s}.dropdown-toggle[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;z-index:var(--z-dropdown);animation:dropdownFade .2s ease-in;border:1px solid var(--border-primary)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition-fast);white-space:nowrap;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.dropdown-item.disabled{color:var(--text-muted);cursor:not-allowed;pointer-events:none}.badge-small{font-size:12px;margin-left:8px;opacity:.7}.dropdown-button{background:none;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}@media (max-width: 768px){.dropdown{position:static}.dropdown-menu{position:absolute;left:0;right:0;width:100%;min-width:unset;transform:none;margin-top:0;border-radius:0;max-height:80vh;overflow-y:auto}.dropdown-item{padding:10px 16px;font-size:14px}}.parallax-layout{min-height:100vh;display:flex;flex-direction:column}.parallax-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);background-color:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parallax-main{flex:1;padding:60px 0 0;margin:0}.parallax-footer{position:relative;z-index:100;margin-top:0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);padding:20px}.login-container{width:100%;max-width:400px}@media (max-width: 480px){.login-container{max-width:100%}}.login-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-primary)}@media (max-width: 480px){.login-card{padding:24px;border-radius:var(--radius-md)}}.login-title{text-align:center;margin-bottom:8px;color:var(--text-primary);font-size:28px}@media (max-width: 480px){.login-title{font-size:24px}}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:32px;font-size:16px}@media (max-width: 480px){.login-subtitle{font-size:14px;margin-bottom:24px}}.login-form{margin-bottom:24px}.login-button{width:100%;padding:12px;font-size:16px;font-weight:600;margin-top:8px}.login-footer{text-align:center;font-size:14px;color:var(--text-muted);line-height:1.6}@media (max-width: 480px){.login-footer{font-size:12px}}.login-footer p{margin:8px 0}.message{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px}.error-message{background-color:var(--color-danger-muted);color:var(--color-danger);border:1px solid rgba(248,113,113,.3)}.success-message{background-color:var(--color-success-muted);color:var(--color-success);border:1px solid rgba(52,211,153,.3)}.loading{padding:20px;text-align:center;color:var(--text-secondary);position:relative;z-index:10}.loading-main{font-size:1em;font-weight:500;margin-bottom:8px}.loading-funny{font-size:.85em;font-style:italic;color:var(--text-muted);opacity:.85;transition:opacity .3s ease,color .3s ease;min-height:1.4em;line-height:1.4}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group .required{color:var(--color-hot-pink)}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:14px;box-sizing:border-box;background-color:var(--bg-input);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-electric-purple);box-shadow:0 0 0 2px #7c3aed33}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.profile-field{padding:12px 0;border-bottom:1px solid var(--border-primary);word-wrap:break-word}.profile-field:last-child{border-bottom:none}.profile-field strong{display:inline-block;min-width:180px;color:var(--text-secondary);font-size:14px}@media (max-width: 768px){.profile-field{padding:10px 0}.profile-field strong{display:block;min-width:auto;margin-bottom:4px}}.google-description,.calendar-description,.tags-description{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.google-status{display:flex;align-items:center;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px;font-weight:500}.google-status.connected{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success)}.google-status.disconnected{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-primary)}.status-icon{font-size:20px;margin-right:10px}.status-text{font-size:15px}.google-expiry{font-size:13px;color:var(--text-muted);margin-bottom:12px;padding-left:30px}.google-info{color:var(--text-secondary);line-height:1.6;margin-top:12px}.google-info code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;color:var(--color-neon-cyan);font-size:14px}@media (max-width: 768px){.google-status{padding:10px 12px}.status-icon{font-size:18px}.status-text{font-size:14px}.google-expiry{font-size:12px;padding-left:28px}}.ical-info{background:var(--bg-secondary);padding:16px;border-radius:var(--radius-md);margin-bottom:20px}.ical-info strong{color:var(--text-primary)}.ical-info ol{margin:8px 0 0;padding-left:20px;line-height:1.8;color:var(--text-secondary)}.ical-info li{margin:4px 0}.ical-url-container{margin-bottom:20px}.ical-features{background:var(--color-info-muted);padding:16px;border-radius:var(--radius-md);border:1px solid var(--color-neon-cyan)}.ical-features strong{color:var(--color-neon-cyan)}.ical-features ul{margin:8px 0 0;padding-left:20px;line-height:1.8;color:var(--text-secondary)}.ical-features li{margin:4px 0}.ical-note{padding:12px;background:var(--color-warning-muted);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm)}.loading-small{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.tags-list{display:flex;flex-direction:column;gap:12px}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:var(--transition-normal)}.tag-item:hover{background:var(--bg-hover);border-color:var(--border-secondary);box-shadow:var(--shadow-sm)}.tag-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--color-electric-purple) 0%,var(--color-hot-pink) 100%);color:var(--text-primary);border-radius:20px;font-weight:600;font-size:14px;white-space:nowrap}.tag-level{background:#ffffff40;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500}.tag-show-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1;margin-left:16px}.tag-show-name{font-weight:600;color:var(--text-primary);font-size:15px}.tag-show-date{color:var(--text-muted);font-size:13px}.no-tags{padding:24px;text-align:center;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.tag-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.tag-show-info{align-items:flex-start;margin-left:0;width:100%}.tag-badge{font-size:13px;padding:6px 12px}.tag-show-name{font-size:14px}.tag-show-date{font-size:12px}}.staffing-link{text-decoration:none;display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.staffing-link:hover{background-color:var(--bg-hover)}.staffing-link span{font-weight:600}@media (max-width: 768px){.staffing-link{display:block;width:100%;margin-top:.25rem}table tbody td>div{margin:.25rem 0}table tbody td:before{font-size:.85rem;color:var(--text-muted)}}.static-page{min-height:400px}.static-page-error{text-align:center;padding:60px 20px}.static-page-error h2{color:var(--color-danger);margin-bottom:10px}.static-page-error p{color:var(--text-secondary)}.parallax-page-content{margin:0!important;padding:0!important;width:100%}.parallax-page-error{text-align:center;padding:60px 20px;min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center}.parallax-page-error h2{color:var(--color-danger);margin-bottom:10px}.parallax-page-error p{color:var(--text-secondary)}.gallery-page{max-width:1400px;margin:0 auto;padding:0 20px}.gallery-header{text-align:center;margin-bottom:40px}.gallery-header h1{font-size:2.5em;color:var(--text-primary);margin-bottom:10px}.gallery-header p{color:var(--text-secondary);font-size:1.1em;margin:5px 0}.photo-count{color:var(--color-electric-purple);font-weight:500;font-size:1em!important}.gallery-container{margin:0 -2px}.loading,.error{text-align:center;padding:60px 20px;font-size:1.2em;color:var(--text-secondary)}.error{color:var(--color-danger)}.empty-gallery{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:var(--radius-md);margin:20px 0}.empty-gallery p{color:var(--text-secondary);font-size:1.1em;margin:15px 0}.helper-text{font-size:.9em!important;color:var(--text-muted)!important;margin-top:30px!important}.helper-text code{background:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace}.load-more{text-align:center;padding:40px 20px;min-height:100px}.loading-spinner{color:var(--color-electric-purple);font-size:1.1em;font-weight:500}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.lightbox-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--text-primary);font-size:40px;cursor:pointer;padding:0;width:40px;height:40px;line-height:1;transition:opacity var(--transition-fast)}.lightbox-close:hover{opacity:.7}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:var(--text-primary);font-size:60px;cursor:pointer;padding:20px 15px;line-height:1;transition:background-color var(--transition-fast);border-radius:var(--radius-sm)}.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff4d}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-caption{position:absolute;bottom:-50px;left:0;right:0;text-align:center;color:var(--text-primary);font-size:14px;text-transform:capitalize}@media (max-width: 768px){.gallery-header h1{font-size:2em}.gallery-header p{font-size:1em}.lightbox-prev,.lightbox-next{font-size:40px;padding:15px 10px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:10px}.lightbox-caption{bottom:10px;font-size:12px}}.faq-page{max-width:900px;margin:0 auto;padding:40px 20px}.faq-header{text-align:center;margin-bottom:50px}.faq-header h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:10px}.faq-subtitle{font-size:1.2rem;color:var(--text-muted)}.faq-container{margin-bottom:50px}.faq-category{margin-bottom:40px}.category-title{font-size:1.8rem;color:var(--text-primary);margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid var(--color-electric-purple)}.faq-item{background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-size:1.1rem;font-weight:600;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-normal)}.faq-question:hover{background-color:var(--bg-hover)}.faq-question span{flex:1;padding-right:20px}.faq-icon{flex-shrink:0;color:var(--color-neon-cyan);transition:transform var(--transition-normal)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 24px}.faq-item.active .faq-answer{max-height:1000px;padding:0 24px 20px}.faq-answer p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.faq-answer ul{margin-left:20px;color:var(--text-secondary);line-height:1.8}.faq-answer li{margin-bottom:8px}.faq-footer{text-align:center;padding:40px 20px;background:var(--gradient-accent);border-radius:var(--radius-lg);color:var(--text-primary)}.faq-footer h2{margin-bottom:10px;font-size:2rem}.faq-footer p{font-size:1.1rem;margin-bottom:10px}.contact-info{font-weight:600;margin-top:20px}.contact-info a{color:var(--text-accent);text-decoration:underline}.contact-info a:hover{color:var(--color-neon-cyan)}@media (max-width: 768px){.faq-header h1{font-size:2rem}.faq-subtitle{font-size:1rem}.category-title{font-size:1.5rem}.faq-question{padding:16px 18px;font-size:1rem}.faq-answer{font-size:.95rem}.faq-page{padding:20px 15px}}:root{--color-deep-indigo: #0F172A;--color-electric-purple: #7C3AED;--color-neon-cyan: #22D3EE;--color-hot-pink: #F472B6;--color-crisp-white: #F8FAFC;--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-tertiary: #334155;--bg-elevated: #1E293B;--bg-card: #1E293B;--bg-input: #0F172A;--bg-hover: rgba(124, 58, 237, .08);--bg-active: rgba(124, 58, 237, .15);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--text-inverse: #0F172A;--text-accent: #22D3EE;--border-primary: #334155;--border-secondary: #475569;--border-focus: #7C3AED;--color-success: #34D399;--color-success-muted: rgba(52, 211, 153, .15);--color-success-text: #A7F3D0;--color-success-dark: #065F46;--color-warning: #FBBF24;--color-warning-muted: rgba(251, 191, 36, .15);--color-warning-text: #FDE68A;--color-warning-dark: #78350F;--color-danger: #F87171;--color-danger-muted: rgba(248, 113, 113, .15);--color-danger-text: #FECACA;--color-danger-dark: #7F1D1D;--color-info: #22D3EE;--color-info-muted: rgba(34, 211, 238, .15);--color-info-text: #A5F3FC;--color-info-dark: #164E63;--btn-primary-bg: #7C3AED;--btn-primary-hover: #6D28D9;--btn-primary-text: #FFFFFF;--btn-secondary-bg: #334155;--btn-secondary-hover: #475569;--btn-secondary-text: #F8FAFC;--btn-danger-bg: #EF4444;--btn-danger-hover: #DC2626;--btn-danger-text: #FFFFFF;--btn-success-bg: #10B981;--btn-success-hover: #059669;--btn-success-text: #FFFFFF;--btn-warning-bg: #F59E0B;--btn-warning-hover: #D97706;--btn-warning-text: #0F172A;--btn-ghost-bg: transparent;--btn-ghost-hover: rgba(124, 58, 237, .1);--btn-ghost-text: #94A3B8;--gradient-primary: linear-gradient(135deg, #7C3AED 0%, #22D3EE 100%);--gradient-accent: linear-gradient(135deg, #7C3AED 0%, #F472B6 100%);--gradient-hero: linear-gradient(135deg, #0F172A 0%, #1E1B4B 50%, #0F172A 100%);--gradient-subtle: linear-gradient(135deg, rgba(124, 58, 237, .1) 0%, rgba(34, 211, 238, .1) 100%);--gradient-glow: linear-gradient(135deg, rgba(124, 58, 237, .2) 0%, rgba(244, 114, 182, .2) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow-purple: 0 0 20px rgba(124, 58, 237, .25);--shadow-glow-cyan: 0 0 20px rgba(34, 211, 238, .25);--shadow-glow-pink: 0 0 20px rgba(244, 114, 182, .25);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-dropdown: 100;--z-sticky: 200;--z-header: 1000;--z-modal: 2000;--z-toast: 3000}.btn{padding:.75rem 1.5rem;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal);text-decoration:none;display:inline-block;text-align:center;letter-spacing:.02em}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg);box-shadow:0 0 0 transparent}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:var(--shadow-glow-purple)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--border-secondary)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--btn-danger-bg)}.btn-danger:hover:not(:disabled){background:var(--btn-danger-hover);border-color:var(--btn-danger-hover)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text);border-color:var(--btn-success-bg)}.btn-success:hover:not(:disabled){background:var(--btn-success-hover);border-color:var(--btn-success-hover)}.btn-warning{background:var(--btn-warning-bg);color:var(--btn-warning-text);border-color:var(--btn-warning-bg)}.btn-warning:hover:not(:disabled){background:var(--btn-warning-hover);border-color:var(--btn-warning-hover)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:var(--border-primary)}.btn-ghost:hover:not(:disabled){background:var(--btn-ghost-hover);color:var(--text-primary);border-color:var(--color-electric-purple)}.btn-gradient{background:var(--gradient-primary);color:#fff;border:none}.btn-gradient:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-glow-purple)}.btn-small,.btn-sm{padding:.4rem .85rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn-add{background:var(--btn-success-bg);color:var(--btn-success-text);border:none;padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.btn-add:hover:not(:disabled){background:var(--btn-success-hover)}.btn-edit{background:var(--color-electric-purple);color:#fff;border:none;padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.btn-edit:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-remove,.btn-danger-sm{background:var(--color-danger);color:#fff;border:none;padding:.4rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:all var(--transition-fast)}.btn-remove:hover:not(:disabled),.btn-danger-sm:hover:not(:disabled){background:var(--btn-danger-hover)}.btn-save{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-save:hover:not(:disabled){background:var(--btn-primary-hover);box-shadow:var(--shadow-glow-purple)}.btn-cancel{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--border-primary);padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-cancel:hover:not(:disabled){background:var(--btn-secondary-hover)}.btn-send-draft{background:var(--color-neon-cyan);color:var(--text-inverse);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-send-draft:hover:not(:disabled){opacity:.85;box-shadow:var(--shadow-glow-cyan)}.btn-export{background:var(--btn-success-bg);color:var(--btn-success-text);border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;transition:all var(--transition-fast)}.btn-export:hover:not(:disabled){background:var(--btn-success-hover)}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-md);margin-bottom:20px;border:1px solid var(--border-primary);color:var(--text-primary)}.card h3{margin-top:0;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.card{padding:16px;border-radius:var(--radius-md)}}.card-bordered{border:1px solid var(--border-secondary)}.card-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-electric-purple)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.card-title{margin:0;font-size:1.25rem;color:var(--text-primary)}.card-body{padding:1rem 0}.card-footer{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end;gap:.5rem}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-container-wide{max-width:1400px;margin:0 auto;padding:2rem}.page-container-narrow{max-width:800px;margin:0 auto;padding:2rem}@media (max-width: 768px){.page-container,.page-container-wide,.page-container-narrow{padding:1rem}}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem;color:var(--text-primary)}.page-header p{color:var(--text-secondary);font-size:1.1rem}.page-header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header-actions h1{margin:0;color:var(--color-neon-cyan)}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-gap-sm{gap:.5rem}.flex-gap{gap:1rem}.flex-gap-lg{gap:1.5rem}table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}thead{background-color:var(--bg-tertiary)}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-secondary)}td{padding:12px 16px;border-bottom:1px solid var(--border-primary);color:var(--text-secondary)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--bg-hover)}.table-striped tbody tr:nth-child(2n){background-color:#1e293b80}.table-striped tbody tr:hover{background-color:var(--bg-hover)}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid var(--border-primary)}.table-compact th,.table-compact td{padding:8px 12px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){table{border:none;border-radius:0}table thead{display:none}table tbody{display:block}table tbody tr{display:block;margin-bottom:1rem;border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:1rem;background:var(--bg-card)}table tbody tr:hover{background-color:var(--bg-card)}table tbody td{display:block;padding:.5rem 0;border:none;text-align:left;position:relative;padding-left:50%;min-height:2rem}table tbody td:before{content:attr(data-label);position:absolute;left:0;top:.5rem;font-weight:600;color:var(--text-primary);width:45%;padding-right:.5rem}table tbody td:last-child{padding-bottom:0}table tbody td a{display:inline}table tbody tr[style*=background-color]{border-left:4px solid var(--color-success)}}@media (min-width: 769px){table tbody td[data-label]:before{display:none}}.table-scroll-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.table-scroll-mobile table{display:table;min-width:100%}.table-scroll-mobile thead{display:table-header-group}.table-scroll-mobile tbody{display:table-row-group}.table-scroll-mobile tr{display:table-row;margin:0;border:none;padding:0;border-radius:0}.table-scroll-mobile td{display:table-cell;border-bottom:1px solid var(--border-primary);position:static;padding:12px 16px}.table-scroll-mobile td:before{display:none}}.no-results{text-align:center;padding:2rem;color:var(--text-secondary)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.pt-1{padding-top:.5rem}.pt-2{padding-top:1rem}.pt-3{padding-top:1.5rem}.pt-4{padding-top:2rem}.pb-1{padding-bottom:.5rem}.pb-2{padding-bottom:1rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pl-1{padding-left:.5rem}.pl-2{padding-left:1rem}.pl-3{padding-left:1.5rem}.pl-4{padding-left:2rem}.pr-1{padding-right:.5rem}.pr-2{padding-right:1rem}.pr-3{padding-right:1.5rem}.pr-4{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-electric-purple)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-neon-cyan)}.text-muted{color:var(--text-muted)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.hidden{visibility:hidden}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-success{background-color:var(--color-success-muted);color:var(--color-success)}.status-warning{background-color:var(--color-warning-muted);color:var(--color-warning)}.status-danger{background-color:var(--color-danger-muted);color:var(--color-danger)}.status-info{background-color:var(--color-info-muted);color:var(--color-info)}.status-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary)}.info-box{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid}.info-box-primary{background-color:#7c3aed1a;border-color:var(--color-electric-purple);color:var(--text-primary)}.info-box-success{background-color:var(--color-success-muted);border-color:var(--color-success);color:var(--color-success-text)}.info-box-warning{background-color:var(--color-warning-muted);border-color:var(--color-warning);color:var(--color-warning-text)}.info-box-danger{background-color:var(--color-danger-muted);border-color:var(--color-danger);color:var(--color-danger-text)}.info-box p{margin:0}.info-box ul{margin:.5rem 0 0 1.5rem}.link{color:var(--color-neon-cyan);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--color-hot-pink);text-decoration:underline}.link-danger{color:var(--color-danger)}.link-danger:hover{color:var(--btn-danger-hover)}.back-link{color:var(--text-secondary);text-decoration:none;font-weight:600;transition:color var(--transition-fast);display:inline-block;margin-bottom:1rem}.back-link:hover{color:var(--color-neon-cyan)}.back-link:before{content:"← "}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-tertiary) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem}.divider{height:1px;background-color:var(--border-primary);margin:1.5rem 0}.divider-thick{height:2px}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;color:var(--text-muted);margin-bottom:1rem}.empty-state-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state-text{color:var(--text-secondary);margin-bottom:1.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}a{color:var(--color-neon-cyan);transition:color var(--transition-fast)}a:hover{color:var(--color-hot-pink)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;background-color:var(--bg-tertiary);color:var(--color-neon-cyan);padding:.15em .4em;border-radius:var(--radius-sm)}