.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{font-size:1.25rem;font-weight:600;color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.navbar-menu{display:flex;gap:.5rem;flex:1;margin:0 2rem}.navbar-item{padding:.5rem .875rem;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius);transition:all .2s;font-weight:500;display:flex;align-items:center;gap:.375rem;border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit}.nav-icon{font-size:1rem;line-height:1}.nav-text{white-space:nowrap}.navbar-item:hover{background:var(--color-background);color:var(--color-text-primary)}.navbar-item.active{background:var(--color-primary-bg);color:var(--color-primary-dark)}.navbar-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-dropdown,.dropdown-trigger{position:relative}.dropdown-arrow{font-size:.625rem;transition:transform .2s;margin-left:.25rem}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000;padding:.5rem;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;color:var(--color-text-primary);text-decoration:none;border-radius:var(--border-radius);transition:all .15s;font-size:.9375rem}.dropdown-item:hover{background:var(--color-background);color:var(--color-primary)}.dropdown-item.active{background:var(--color-primary-bg);color:var(--color-primary-dark)}[data-theme=dark] .navbar-item.active,[data-theme=dark] .dropdown-item.active{color:var(--color-primary)}.dropdown-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.dropdown-icon{font-size:1rem;line-height:1}.menu-item-icon{margin-right:.5rem}.navbar-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{width:40px;height:40px;border-radius:var(--border-radius);border:1px solid var(--color-border);background:var(--color-background);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.theme-toggle:hover{background:var(--color-surface);transform:scale(1.05)}.theme-toggle[title*=System]{position:relative}.theme-toggle[title*=System]:after{content:"";position:absolute;bottom:4px;right:4px;width:6px;height:6px;background:var(--color-success);border-radius:50%;border:1px solid var(--color-surface)}.user-menu-container{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-dark);color:#fff;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.user-avatar:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.user-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:250px;z-index:1000}.user-menu-header{padding:1rem}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-email{font-weight:500;color:var(--color-text-primary)}.user-role{font-size:.875rem;color:var(--color-text-secondary);text-transform:capitalize}.user-menu-divider{height:1px;background:var(--color-border)}.user-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;cursor:pointer;color:var(--color-text-primary);transition:background .2s}.user-menu-item:hover{background:var(--color-background)}.mobile-menu-toggle{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:24px;height:24px;position:relative}.hamburger span{display:block;width:20px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all .3s ease;position:absolute}.hamburger span:nth-child(1){top:6px}.hamburger span:nth-child(2){top:11px}.hamburger span:nth-child(3){top:16px}.hamburger.open span:nth-child(1){top:11px;transform:rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:11px;transform:rotate(-45deg)}.mobile-menu-overlay{display:none}@media(min-width:1100px)and (max-width:1535px){.navbar-menu{gap:.125rem;margin:0 .75rem;min-width:0}.navbar-item{padding:.4rem .5rem;font-size:.8125rem;gap:.25rem}.nav-icon{font-size:.9rem}.dropdown-arrow{margin-left:.125rem}}@media(max-width:1099px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;order:-1}.navbar-container{padding:0 .5rem;height:var(--navbar-height-mobile, 56px)}.navbar-brand{font-size:1.125rem;flex:1;justify-content:center;min-width:0}.brand-text{display:inline;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-menu{position:fixed;top:var(--navbar-height-mobile, 56px);left:0;right:auto;bottom:0;width:min(20rem,85vw);background:var(--color-surface);flex-direction:column;padding:1rem;gap:.25rem;margin:0;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;z-index:999}.navbar-menu.mobile-open{transform:translate(0)}.navbar-item{padding:1rem;font-size:1rem;border-radius:var(--border-radius);border-bottom:1px solid var(--color-border);width:100%;justify-content:flex-start}.navbar-item:last-child{border-bottom:none}.navbar-item.active{background:var(--color-primary-bg)}.nav-dropdown{width:100%}.dropdown-trigger{width:100%;justify-content:space-between}.dropdown-menu{position:static;box-shadow:none;border:none;background:var(--color-background);margin-top:.5rem;margin-bottom:.5rem;padding:.5rem;border-radius:var(--border-radius)}.dropdown-item{padding:.875rem 1rem}.mobile-menu-overlay{display:block;position:fixed;top:var(--navbar-height-mobile, 56px);left:0;right:0;bottom:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbar-actions{gap:.5rem}.theme-toggle{width:36px;height:36px;font-size:1rem}.user-avatar{width:36px;height:36px;font-size:.875rem}.user-menu{right:-.5rem;min-width:200px}}@media(max-width:480px){.navbar-brand{font-size:1rem}.navbar-actions{gap:.25rem}.theme-toggle,.user-avatar{width:32px;height:32px}}.shortcuts-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shortcuts-modal{background:var(--color-surface, #ffffff);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shortcuts-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.shortcuts-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #111827)}.shortcuts-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-text-secondary, #6b7280);border-radius:6px;transition:all .15s ease}.shortcuts-close:hover{background:var(--color-background, #f3f4f6);color:var(--color-text-primary, #111827)}.shortcuts-content{padding:1.5rem;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.shortcuts-category{display:flex;flex-direction:column;gap:.75rem}.category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary, #6b7280);margin:0}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:1rem}.shortcut-description{font-size:.875rem;color:var(--color-text-primary, #111827)}.shortcut-key{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-background, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #6b7280);white-space:nowrap;box-shadow:0 1px 2px #0000000d}.shortcuts-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border, #e5e7eb);text-align:center}.shortcuts-footer p{margin:0;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.shortcuts-footer kbd{display:inline-flex;padding:.125rem .375rem;background:var(--color-background, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.75rem;margin:0 .25rem}.shortcut-badge{display:inline-flex;align-items:center;padding:.125rem .375rem;background:var(--color-background, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:4px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.625rem;font-weight:500;color:var(--color-text-secondary, #6b7280);white-space:nowrap}.dark .shortcuts-modal{background:var(--color-surface, #1f2937)}.dark .shortcuts-header{border-bottom-color:var(--color-border, #374151)}.dark .shortcuts-header h2{color:var(--color-text-primary, #f9fafb)}.dark .shortcuts-close{color:var(--color-text-secondary, #9ca3af)}.dark .shortcuts-close:hover{background:var(--color-background, #374151);color:var(--color-text-primary, #f9fafb)}.dark .category-title{color:var(--color-text-secondary, #9ca3af)}.dark .shortcut-description{color:var(--color-text-primary, #f9fafb)}.dark .shortcut-key,.dark .shortcuts-footer kbd,.dark .shortcut-badge{background:var(--color-background, #374151);border-color:var(--color-border, #4b5563);color:var(--color-text-secondary, #d1d5db)}.dark .shortcuts-footer{border-top-color:var(--color-border, #374151)}.dark .shortcuts-footer p{color:var(--color-text-secondary, #9ca3af)}@media(max-width:640px){.shortcuts-modal{width:95%;max-height:90vh}.shortcuts-content{grid-template-columns:1fr;padding:1rem}.shortcuts-header{padding:1rem}.shortcuts-footer{padding:.75rem 1rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text-primary);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:64px}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.animate-slide-in-right{animation:slide-in-right .3s ease-out}.animate-slide-out-right{animation:slide-out-right .3s ease-in}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,#374151,#4b5563,#374151);background-size:200% 100%}:focus{outline:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}[data-theme=dark] :focus-visible{outline-color:var(--color-primary);box-shadow:0 0 0 4px #42a5f54d}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--color-primary-dark);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);z-index:10000;font-weight:600;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn-primary:focus-visible{outline-color:var(--color-primary-dark);box-shadow:0 0 0 4px var(--color-primary-bg)}.btn-primary{background:var(--color-primary-dark);color:#fff}.btn-primary:hover{background:#082c6d}.btn-secondary{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface)}.btn-light{background:#fffffff2;color:#333;border:2px solid rgba(255,255,255,.3);font-weight:600}.btn-light:hover{background:#fff;color:#000;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}[data-theme=dark] .btn-light{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .btn-light:hover{background:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-primary)}input,select,textarea{font-family:inherit;font-size:inherit}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.app-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:2rem 1rem;margin-top:4rem;text-align:center}.scripture-verse{display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:800px;margin:0 auto}.verse-reference{font-weight:700;color:var(--color-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.verse-text{font-size:1.125rem;color:var(--color-text-secondary);font-style:italic;line-height:1.6}.dark .app-footer{background:var(--color-surface);border-top-color:var(--color-border)}.dark .verse-text{color:var(--color-text-secondary)}@media(max-width:768px){.container{padding:0 .75rem}.main-content{padding-top:56px}.app-footer{padding:1.5rem 1rem;margin-top:3rem}.verse-text{font-size:1rem}.verse-reference{font-size:.875rem}}@media(min-width:768px){.scripture-verse{flex-direction:row;justify-content:center;gap:1rem}.verse-reference:after{content:" - "}}:root{--color-primary: #1976d2;--color-primary-dark: #0d47a1;--color-primary-bg: rgba(25, 118, 210, .1);--color-accent: #424242;--color-accent-bg: rgba(66, 66, 66, .1);--color-success: #2e7d32;--color-success-dark: #1b5e20;--color-success-bg: rgba(46, 125, 50, .1);--color-warning: #ffc107;--color-warning-bg: rgba(255, 193, 7, .1);--color-error: #f44336;--color-error-dark: #d32f2f;--color-error-bg: rgba(244, 67, 54, .1);--color-background: #f5f7fa;--color-surface: #ffffff;--color-surface-muted: #f9fafb;--color-border: #e1e8ed;--color-text-primary: #1a202c;--color-text-secondary: #4a5568;--color-text-muted: #718096;--color-text-light: #ffffff;--color-on-primary: #ffffff;--surface: var(--color-surface);--surface-muted: var(--color-surface-muted);--border: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-muted);--gradient-hero: linear-gradient(135deg, rgba(33, 33, 33, .95) 0%, rgba(66, 66, 66, .95) 100%);--gradient-dark: linear-gradient(135deg, #212121 0%, #424242 100%);--gradient-section: linear-gradient(135deg, #333333 0%, #555555 100%);--gradient-light: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);--color-event-service: #4caf50;--color-event-broadcast: #1976d2;--color-event-meeting: #ff9800;--color-event-other: #9e9e9e;--color-status-live: #f44336;--color-status-scheduled: #1976d2;--color-status-completed: #4caf50;--color-status-cancelled: #9e9e9e;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: .5rem;--border-radius-sm: .25rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-2xl: 1.5rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--navbar-height: 64px;--navbar-height-mobile: 56px}[data-theme=dark]{--color-primary: #42a5f5;--color-primary-dark: #1565c0;--color-primary-bg: rgba(66, 165, 245, .15);--color-background: #0f1419;--color-surface: #1a202c;--color-surface-muted: #222b38;--color-border: #2d3748;--color-text-primary: #f7fafc;--color-text-secondary: #cbd5e0;--color-text-muted: #a0aec0;--color-text-light: #ffffff;--gradient-hero: linear-gradient(135deg, rgba(15, 20, 25, .95) 0%, rgba(26, 32, 44, .95) 100%);--gradient-dark: linear-gradient(135deg, #0f1419 0%, #1a202c 100%);--gradient-section: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);--gradient-light: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--color-event-service: #66bb6a;--color-event-broadcast: #42a5f5;--color-event-meeting: #ffa726;--color-event-other: #bdbdbd;--color-status-live: #ef5350;--color-status-scheduled: #42a5f5;--color-status-completed: #66bb6a;--color-status-cancelled: #bdbdbd;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .4)}.utility-page{color:var(--color-text-primary)}.utility-page.min-h-screen{min-height:100vh}.utility-page.bg-gray-50,.utility-page.bg-gradient-to-br{background:var(--gradient-light)}.utility-page.flex{display:flex}.utility-page.items-center{align-items:center}.utility-page.justify-center{justify-content:center}.utility-page.py-8{padding-top:2rem;padding-bottom:2rem}.utility-page.py-12{padding-top:3rem;padding-bottom:3rem}.utility-page button,.utility-page input,.utility-page select{font:inherit}.utility-page button{background:transparent;border:0;color:var(--color-text-primary);cursor:pointer;min-height:2.5rem}.utility-page input,.utility-page select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);min-height:2.5rem}.utility-page .flex{display:flex}.utility-page .inline-flex{display:inline-flex}.utility-page .grid{display:grid}.utility-page .block{display:block}.utility-page .relative{position:relative}.utility-page .absolute{position:absolute}.utility-page .fixed{position:fixed}.utility-page .inset-0{inset:0}.utility-page .z-50{z-index:50}.utility-page .items-center{align-items:center}.utility-page .items-start{align-items:flex-start}.utility-page .justify-between{justify-content:space-between}.utility-page .justify-center{justify-content:center}.utility-page .justify-end{justify-content:flex-end}.utility-page .flex-1{flex:1 1 0%}.utility-page .flex-wrap{flex-wrap:wrap}.utility-page .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.utility-page .gap-1{gap:.25rem}.utility-page .gap-2{gap:.5rem}.utility-page .gap-3{gap:.75rem}.utility-page .gap-4{gap:1rem}.utility-page .gap-6{gap:1.5rem}.utility-page .space-y-1>*+*{margin-top:.25rem}.utility-page .space-y-2>*+*{margin-top:.5rem}.utility-page .space-y-3>*+*{margin-top:.75rem}.utility-page .space-y-4>*+*{margin-top:1rem}.utility-page .space-y-6>*+*{margin-top:1.5rem}.utility-page .mx-auto{margin-left:auto;margin-right:auto}.utility-page .mt-2{margin-top:.5rem}.utility-page .mt-3{margin-top:.75rem}.utility-page .mt-4{margin-top:1rem}.utility-page .mt-6{margin-top:1.5rem}.utility-page .mt-8{margin-top:2rem}.utility-page .mb-1{margin-bottom:.25rem}.utility-page .mb-3{margin-bottom:.75rem}.utility-page .mb-4{margin-bottom:1rem}.utility-page .mb-6{margin-bottom:1.5rem}.utility-page .mr-3{margin-right:.75rem}.utility-page .ml-2{margin-left:.5rem}.utility-page .p-2{padding:.5rem}.utility-page .p-4{padding:1rem}.utility-page .p-6{padding:1.5rem}.utility-page .p-8{padding:2rem}.utility-page .px-2{padding-left:.5rem;padding-right:.5rem}.utility-page .px-3{padding-left:.75rem;padding-right:.75rem}.utility-page .px-4{padding-left:1rem;padding-right:1rem}.utility-page .px-6{padding-left:1.5rem;padding-right:1.5rem}.utility-page .py-1{padding-top:.25rem;padding-bottom:.25rem}.utility-page .py-2{padding-top:.5rem;padding-bottom:.5rem}.utility-page .py-3{padding-top:.75rem;padding-bottom:.75rem}.utility-page .py-4{padding-top:1rem;padding-bottom:1rem}.utility-page .py-8{padding-top:2rem;padding-bottom:2rem}.utility-page .py-12{padding-top:3rem;padding-bottom:3rem}.utility-page .pl-10{padding-left:2.5rem}.utility-page .pr-4{padding-right:1rem}.utility-page .pt-2{padding-top:.5rem}.utility-page .pt-6{padding-top:1.5rem}.utility-page .w-2{width:.5rem}.utility-page .h-2{height:.5rem}.utility-page .w-4{width:1rem}.utility-page .h-4{height:1rem}.utility-page .w-5{width:1.25rem}.utility-page .h-5{height:1.25rem}.utility-page .w-10{width:2.5rem}.utility-page .h-10{height:2.5rem}.utility-page .w-12{width:3rem}.utility-page .h-12{height:3rem}.utility-page .w-16{width:4rem}.utility-page .h-16{height:4rem}.utility-page .w-full{width:100%}.utility-page .max-w-md{max-width:28rem}.utility-page .min-w-full{min-width:100%}.utility-page .h-64{height:16rem}.utility-page .rounded-md{border-radius:.375rem}.utility-page .rounded-lg{border-radius:var(--border-radius-lg)}.utility-page .rounded-full{border-radius:999px}.utility-page .shadow-md{box-shadow:var(--shadow-md)}.utility-page .shadow-lg{box-shadow:var(--shadow-lg)}.utility-page .shadow-xl{box-shadow:var(--shadow-xl)}.utility-page .overflow-hidden{overflow:hidden}.utility-page .overflow-x-auto{overflow-x:auto}.utility-page .object-cover{object-fit:cover}.utility-page .cursor-pointer{cursor:pointer}.utility-page .whitespace-nowrap{white-space:nowrap}.utility-page .border{border:1px solid var(--color-border)}.utility-page .border-b-2{border-bottom:2px solid var(--color-primary)}.utility-page .border-gray-200,.utility-page .border-gray-300{border-color:var(--color-border)}.utility-page .border-blue-500{border-color:var(--color-primary)}.utility-page .bg-white{background:var(--color-surface)}.utility-page .bg-gray-50,.utility-page .bg-gray-100,.utility-page .bg-gray-200{background:var(--color-background)}.utility-page .bg-blue-50,.utility-page .bg-blue-100{background:var(--color-primary-bg)}.utility-page .bg-blue-500,.utility-page .bg-blue-700{background:var(--color-primary-dark)}.utility-page .bg-green-100{background:var(--color-success-bg)}.utility-page .bg-yellow-100{background:var(--color-warning-bg)}.utility-page .bg-red-100{background:var(--color-error-bg)}.utility-page .bg-red-500{background:var(--color-error-dark)}.utility-page .bg-current{background:currentColor}.utility-page .bg-black\/40{background:#0006}.utility-page .text-white{color:#fff}.utility-page .text-gray-300,.utility-page .text-gray-400{color:var(--color-text-muted)}.utility-page .text-gray-500,.utility-page .text-gray-600,.utility-page .text-gray-700{color:var(--color-text-secondary)}.utility-page .text-gray-900{color:var(--color-text-primary)}.utility-page .text-blue-600,.utility-page .text-blue-700,.utility-page .text-blue-800,.utility-page .text-blue-900{color:var(--color-primary-dark)}.utility-page .text-green-500,.utility-page .text-green-700{color:var(--color-success)}.utility-page .text-yellow-500,.utility-page .text-yellow-700{color:#8a5a00}.utility-page .text-red-500,.utility-page .text-red-600,.utility-page .text-red-700,.utility-page .text-red-900{color:var(--color-error-dark)}[data-theme=dark] .utility-page .text-yellow-500,[data-theme=dark] .utility-page .text-yellow-700{color:#ffd166}[data-theme=dark] .utility-page .text-blue-600,[data-theme=dark] .utility-page .text-blue-700,[data-theme=dark] .utility-page .text-blue-800,[data-theme=dark] .utility-page .text-blue-900{color:var(--color-primary)}.utility-page .text-xs{font-size:.75rem}.utility-page .text-sm{font-size:.875rem}.utility-page .text-lg{font-size:1.125rem}.utility-page .text-xl{font-size:1.25rem}.utility-page .text-2xl{font-size:1.5rem}.utility-page .font-medium{font-weight:500}.utility-page .font-semibold{font-weight:600}.utility-page .font-bold{font-weight:700}.utility-page .uppercase{text-transform:uppercase}.utility-page .tracking-wider{letter-spacing:.05em}.utility-page .text-left{text-align:left}.utility-page .text-center{text-align:center}.utility-page .text-right{text-align:right}.utility-page .top-1\/2{top:50%}.utility-page .left-3{left:.75rem}.utility-page .transform{transform:translateY(-50%)}.utility-page .transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.utility-page .transition-shadow{transition:box-shadow var(--transition-fast)}.utility-page .hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.utility-page .hover\:bg-gray-50:hover,.utility-page .hover\:bg-gray-100:hover,.utility-page .hover\:bg-gray-200:hover{background:var(--color-border)}.utility-page .hover\:bg-blue-600:hover,.utility-page .hover\:bg-blue-800:hover{background:#082c6d}.utility-page .hover\:bg-red-200:hover,.utility-page .hover\:bg-red-600:hover{background:var(--color-error)}.utility-page .hover\:text-blue-600:hover,.utility-page .hover\:text-blue-700:hover,.utility-page .hover\:text-blue-900:hover{color:var(--color-primary)}.utility-page .hover\:text-gray-900:hover{color:var(--color-text-primary)}.utility-page .hover\:text-red-900:hover{color:var(--color-error)}.utility-page .disabled\:opacity-50:disabled,.utility-page .disabled\:opacity-60:disabled{opacity:.6}.utility-page .focus\:outline-none:focus{outline:none}.utility-page .focus\:ring-2:focus{box-shadow:0 0 0 3px var(--color-primary-bg);border-color:var(--color-primary)}.utility-page .divide-y>*+*{border-top:1px solid var(--color-border)}.utility-page .divide-gray-200>*+*{border-color:var(--color-border)}.utility-page table{width:100%;border-collapse:collapse}.utility-page th,.utility-page td{border-bottom:1px solid var(--color-border)}.utility-page th{color:var(--color-text-secondary)}.utility-page td{color:var(--color-text-primary)}.directory-page>.flex.justify-between{flex-wrap:wrap;gap:1rem}.directory-page>.flex.justify-between>.flex{flex-wrap:wrap}.conference-monitor-page>.grid{align-items:start}.utility-page .animate-spin{animation:utilitySpin 1s linear infinite}.utility-page .animate-pulse{animation:utilityPulse 1.5s ease-in-out infinite}@keyframes utilitySpin{to{transform:rotate(360deg)}}@keyframes utilityPulse{0%,to{opacity:1}50%{opacity:.45}}@media(min-width:768px){.utility-page .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-page .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.utility-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-page .lg\:col-span-2{grid-column:span 2 / span 2}}@media(max-width:640px){.utility-page{padding-top:1.25rem;padding-bottom:1.5rem}.directory-page>.flex.justify-between{align-items:flex-start;flex-direction:column}.directory-page>.flex.justify-between>.flex,.directory-page .grid .flex.gap-2{width:100%}.directory-page>.flex.justify-between>.flex>button,.directory-page .grid .flex.gap-2>button{flex:1 1 0}.conference-monitor-page .flex.justify-between{align-items:flex-start;flex-direction:column;gap:.75rem}}