.nav-link[data-v-30cc67a3]{display:inline-flex;align-items:center;padding:.375rem .625rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast);text-decoration:none;white-space:nowrap}.nav-link[data-v-30cc67a3]:hover{color:var(--color-text);background-color:var(--color-surface-secondary)}.nav-link.router-link-active[data-v-30cc67a3]{color:var(--brand-600);background-color:var(--brand-50)}.nav-link--muted[data-v-30cc67a3]{color:var(--color-text-tertiary)}.nav-link--muted[data-v-30cc67a3]:hover{color:var(--color-text-secondary)}.admin-dropdown-link[data-v-30cc67a3]{display:block;padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.admin-dropdown-link[data-v-30cc67a3]:hover{background-color:var(--color-surface-secondary);color:var(--color-text)}.hamburger-btn[data-v-30cc67a3]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.hamburger-btn[data-v-30cc67a3]:hover{background-color:var(--color-surface-secondary);color:var(--color-text)}.mobile-link[data-v-30cc67a3]{display:flex;align-items:center;padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);text-decoration:none}.mobile-link[data-v-30cc67a3]:hover{background-color:var(--color-surface-secondary);color:var(--color-text)}.mobile-link.router-link-active[data-v-30cc67a3]{background-color:var(--brand-50);color:var(--brand-600)}.mobile-link--sub[data-v-30cc67a3]{color:var(--color-text-secondary)}.mobile-link--muted[data-v-30cc67a3]{color:var(--color-text-tertiary)}.mobile-link--muted[data-v-30cc67a3]:hover{color:var(--color-text-secondary)}.nav-divider[data-v-30cc67a3]{width:1px;height:1rem;background-color:var(--color-border);margin:0 .25rem;flex-shrink:0}.unread-count-badge[data-v-30cc67a3]{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;font-size:.625rem;font-weight:700;color:#fff;background:var(--color-danger);border-radius:var(--radius-full)}.avatar-ring[data-v-30cc67a3]{border:2px solid var(--brand-500);transition:all var(--transition-fast)}.avatar-ring[data-v-30cc67a3]:hover{border-color:var(--brand-600);box-shadow:0 0 0 2px var(--color-accent-subtle)}.mobile-menu-enter-active[data-v-30cc67a3],.mobile-menu-leave-active[data-v-30cc67a3]{transition:all .2s ease;overflow:hidden}.mobile-menu-enter-from[data-v-30cc67a3],.mobile-menu-leave-to[data-v-30cc67a3]{opacity:0;max-height:0}.mobile-menu-enter-to[data-v-30cc67a3],.mobile-menu-leave-from[data-v-30cc67a3]{opacity:1;max-height:600px}.mobile-section-label[data-v-30cc67a3]{display:block;padding:.25rem .75rem .375rem;font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.app-footer[data-v-73c9f247]{margin-top:auto;border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.footer-inner[data-v-73c9f247]{max-width:72rem;margin:0 auto;padding:1.25rem 1rem;display:flex;align-items:center;justify-content:center}.footer-links[data-v-73c9f247]{display:flex;align-items:center;gap:1rem}.footer-link[data-v-73c9f247]{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-decoration:none;transition:color var(--transition-fast)}.footer-link[data-v-73c9f247]:hover{color:var(--color-text-secondary)}.footer-sep[data-v-73c9f247]{width:3px;height:3px;border-radius:var(--radius-full);background:var(--color-border)}.push-notification-prompt[data-v-a662ed6f]{position:fixed;top:1rem;left:1rem;right:1rem;z-index:1000;animation:slideDown-a662ed6f .3s ease-out}@keyframes slideDown-a662ed6f{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-content[data-v-a662ed6f]{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;max-width:24rem;margin:0 auto;box-shadow:var(--shadow-lg)}.prompt-content h3[data-v-a662ed6f]{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:var(--color-text)}.prompt-content p[data-v-a662ed6f]{margin:0 0 .625rem;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.permission-note[data-v-a662ed6f]{font-size:.8125rem!important;font-style:italic;margin-bottom:1rem!important;color:var(--color-text-tertiary)!important}.prompt-buttons[data-v-a662ed6f]{display:flex;gap:.625rem;margin-bottom:.625rem}.button[data-v-a662ed6f],.button-cancel[data-v-a662ed6f]{flex:1;padding:.625rem 1rem;border:none;border-radius:var(--radius-xs);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.button[data-v-a662ed6f]{background:var(--brand-500);color:#fff}.button[data-v-a662ed6f]:hover:not(:disabled){background:var(--brand-600);box-shadow:var(--shadow-md)}.button[data-v-a662ed6f]:disabled{opacity:.6;cursor:not-allowed}.button-cancel[data-v-a662ed6f]{background:var(--color-surface);color:var(--brand-800);border:1.5px solid var(--color-border)}.button-cancel[data-v-a662ed6f]:hover{background:var(--brand-50)}.error-message[data-v-a662ed6f]{color:var(--color-danger);font-size:.8125rem;margin:.625rem 0 0;padding:.5rem .75rem;background:var(--color-danger-bg);border-radius:var(--radius-xs);border:1px solid var(--color-border)}.connection-banner[data-v-cadef087]{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;font-size:.8125rem;font-weight:500;color:#fff;box-shadow:var(--shadow-lg);flex-wrap:wrap;border-radius:0}.connection-banner.offline[data-v-cadef087]{background:var(--color-danger)}.connection-banner.maintenance[data-v-cadef087]{background:var(--color-warning)}.connection-banner.unreachable[data-v-cadef087]{background:var(--color-danger)}.banner-content[data-v-cadef087]{display:flex;align-items:center;gap:.5rem;text-align:center}.banner-icon[data-v-cadef087]{font-size:1rem;flex-shrink:0}.retry-btn[data-v-cadef087]{padding:.35rem .75rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-xs);font-size:.75rem;cursor:pointer;transition:background var(--transition-normal);white-space:nowrap}.retry-btn[data-v-cadef087]:hover:not(:disabled){background:#ffffff4d}.retry-btn[data-v-cadef087]:disabled{opacity:.7;cursor:not-allowed}.slide-down-enter-active[data-v-cadef087],.slide-down-leave-active[data-v-cadef087]{transition:transform var(--transition-slow),opacity var(--transition-slow)}.slide-down-enter-from[data-v-cadef087],.slide-down-leave-to[data-v-cadef087]{transform:translateY(-100%);opacity:0}.modal-overlay[data-v-98b5087f]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-container[data-v-98b5087f]{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:28rem;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-98b5087f]{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.25rem .75rem;gap:1rem}.modal-title[data-v-98b5087f]{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.modal-subtitle[data-v-98b5087f]{font-size:.8125rem;color:var(--color-text-tertiary);margin:.25rem 0 0}.close-btn[data-v-98b5087f]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.close-btn[data-v-98b5087f]:hover{background:var(--color-surface-secondary);color:var(--color-text)}.close-btn .icon[data-v-98b5087f]{width:1.125rem;height:1.125rem}.modal-body[data-v-98b5087f]{flex:1;overflow-y:auto;padding:0 1.25rem}.release-block.latest[data-v-98b5087f]{padding-bottom:.5rem}.release-title[data-v-98b5087f]{font-size:1rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.release-title.sm[data-v-98b5087f]{font-size:.875rem;margin-bottom:.5rem}.release-items[data-v-98b5087f]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.625rem}.release-items.sm[data-v-98b5087f]{gap:.375rem}.release-item[data-v-98b5087f]{display:flex;align-items:flex-start;gap:.625rem}.item-icon[data-v-98b5087f]{flex-shrink:0;font-size:1rem;line-height:1.5}.item-text[data-v-98b5087f]{font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.release-items.sm .item-text[data-v-98b5087f]{font-size:.8125rem}.older-divider[data-v-98b5087f]{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0}.older-divider[data-v-98b5087f]:before,.older-divider[data-v-98b5087f]:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.older-divider span[data-v-98b5087f]{font-size:.6875rem;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.release-block.older[data-v-98b5087f]{padding:.75rem 0}.release-block.older+.release-block.older[data-v-98b5087f]{border-top:1px solid var(--color-border-subtle)}.release-header[data-v-98b5087f]{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.release-meta[data-v-98b5087f]{font-size:.6875rem;color:var(--color-text-tertiary);white-space:nowrap}.modal-footer[data-v-98b5087f]{padding:.75rem 1.25rem 1.25rem}.btn-understood[data-v-98b5087f]{width:100%;padding:.625rem 1rem;background:var(--brand-500);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background var(--transition-fast)}.btn-understood[data-v-98b5087f]:hover{background:var(--brand-600)}.btn-understood[data-v-98b5087f]:active{transform:scale(.98)}.modal-enter-active[data-v-98b5087f],.modal-leave-active[data-v-98b5087f]{transition:opacity .2s ease}.modal-enter-active .modal-container[data-v-98b5087f],.modal-leave-active .modal-container[data-v-98b5087f]{transition:transform .2s ease}.modal-enter-from[data-v-98b5087f],.modal-leave-to[data-v-98b5087f]{opacity:0}.modal-enter-from .modal-container[data-v-98b5087f]{transform:scale(.95) translateY(.5rem)}.modal-leave-to .modal-container[data-v-98b5087f]{transform:scale(.95)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.right-0{right:0}.top-0{top:0}.top-3{top:.75rem}.top-full{top:100%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2\.5{margin-right:.625rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.max-h-\[100px\]{max-height:100px}.min-h-screen{min-height:100vh}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.max-w-6xl{max-width:72rem}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2\.5{gap:.625rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:var(--radius-full)}.rounded-md{border-radius:var(--radius-md)}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/95{background-color:#fffffff2}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.underline{text-decoration-line:underline}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--brand-50: #f0fdf4;--brand-100: #dcfce7;--brand-200: #bbf7d0;--brand-300: #86efac;--brand-400: #4ade80;--brand-500: #22c55e;--brand-600: #16a34a;--brand-700: #15803d;--brand-800: #166534;--brand-900: #14532d;--color-action: var(--brand-500);--color-action-hover: var(--brand-600);--color-accent: var(--brand-600);--color-accent-light: var(--brand-50);--color-accent-subtle: rgba(22, 163, 74, .08);--color-header-start: var(--brand-600);--color-header-end: var(--brand-700);--color-background: #f8fafc;--color-active-tile: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-secondary: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-on-accent: #ffffff;--color-border: #e2e8f0;--color-border-subtle: #e8ecf1;--color-danger: #dc2626;--color-danger-bg: #fef2f2;--color-danger-border: #fecaca;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-warning-border: #fde68a;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--focus-ring: rgba(22, 163, 74, .4);--focus-ring-offset: 2px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{min-height:100vh;background-color:var(--color-background);color:var(--color-text);line-height:1.5;overflow-x:hidden;max-width:100vw}a{color:var(--brand-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-700)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-offset) var(--color-surface),0 0 0 calc(var(--focus-ring-offset) + 2px) var(--focus-ring)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.header-row{display:flex;gap:.5rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-actions{display:flex;gap:.5rem}.header-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:all var(--transition-fast)}.header-action-btn:hover{color:var(--color-text);background-color:var(--color-surface-secondary)}.header-action-btn .icon,.header-action-btn svg{width:1.25rem;height:1.25rem}.page-container{max-width:72rem;margin:0 auto;padding:1.25rem 1rem}@media (min-width: 640px){.page-container{padding:1.5rem}}@media (min-width: 1024px){.page-container{padding:2rem}}.page-title{font-size:1.375rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;margin:0;line-height:1.3}.button-small{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:#fff;background-color:var(--brand-500);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.button-small:hover{background-color:var(--brand-600);box-shadow:var(--shadow-sm)}.button-small:active{transform:scale(.98)}.button-small:disabled{opacity:.5;cursor:not-allowed}.edit-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:.375rem;border-radius:var(--radius-sm);background:var(--brand-500);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.edit-icon:hover{background:var(--brand-600);box-shadow:var(--shadow-sm)}.edit-icon svg{stroke:#fff;fill:none;width:1rem;height:1rem}.icon{width:1.25rem;height:1.25rem}.icon-text{display:flex;align-items:center;gap:.375rem}.btn-branded{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--brand-500);color:#fff;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-normal)}.btn-branded:hover{background-color:var(--brand-600);box-shadow:var(--shadow-sm)}.btn-branded:active{transform:scale(.98)}.btn-branded:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}.btn-branded:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-surface);color:var(--color-text);font-weight:500;padding:.75rem 1.5rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal)}.btn-secondary:hover{border-color:var(--brand-500);color:var(--brand-600);background-color:var(--color-accent-subtle)}.btn-secondary:active{transform:scale(.98)}.btn-secondary:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-dark{display:inline-flex;align-items:center;justify-content:center;background-color:#0f172a;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.btn-dark:hover{background-color:#1e293b;box-shadow:var(--shadow-sm)}.btn-dark:active{transform:scale(.98)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--transition-normal)}.btn-danger:hover{background-color:#b91c1c;box-shadow:var(--shadow-sm)}.btn-danger:active{transform:scale(.98)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.bg-branded{background-color:var(--brand-500)}.bg-branded-light{background-color:var(--brand-50)}.border-branded{border-color:var(--brand-600)}.text-branded{color:var(--brand-600)}.ring-branded{--tw-ring-color: var(--brand-600)}.toast{position:fixed;top:1rem;right:1rem;max-width:400px;padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid;box-shadow:var(--shadow-lg);z-index:9999;font-size:.875rem;line-height:1.5;animation:toastIn .2s ease-out}@keyframes toastIn{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background-color:var(--brand-50);border-color:var(--brand-200);color:var(--brand-800)}.toast-error{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:#991b1b}.toast-info{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.toast-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:#92400e}.toast-content{display:flex;align-items:flex-start;gap:.625rem}.toast-icon{flex-shrink:0;font-size:1rem}.toast-text{flex:1;min-width:0}.toast-title{font-weight:600;font-size:.8125rem;display:block;margin-bottom:.125rem}.toast-message{font-size:.8125rem;opacity:.9}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow var(--transition-normal)}@media (min-width: 640px){.card{padding:1.75rem}}.card-hover:hover{box-shadow:var(--shadow-md)}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);transition:all var(--transition-normal)}.accordion[open]{box-shadow:var(--shadow-sm)}.accordion summary{padding:1.25rem;font-size:.875rem;font-weight:600;color:var(--color-text);cursor:pointer;list-style:none}.accordion summary::-webkit-details-marker{display:none}.accordion-content{padding:0 1.25rem 1.25rem;font-size:.875rem;color:var(--color-text-secondary);line-height:1.625}.fade-in{animation:fadeIn .5s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.fade-in:nth-child(2){animation-delay:.08s}.fade-in:nth-child(3){animation-delay:.16s}.fade-in:nth-child(4){animation-delay:.24s}.fade-in:nth-child(5){animation-delay:.32s}.fade-in:nth-child(6){animation-delay:.4s}.icon-container{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);background:var(--brand-50);flex-shrink:0}.icon-container svg{width:1.375rem;height:1.375rem;stroke:var(--brand-600);fill:none}.icon-container-sm{width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--brand-50)}.icon-container-sm svg{width:1rem;height:1rem;stroke:var(--brand-600);fill:none}.section-label{font-size:.8125rem;font-weight:600;color:var(--brand-600);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-brand{background:var(--brand-50);color:var(--brand-700)}.badge-success{background:var(--color-success-bg);color:#15803d}.badge-error{background:var(--color-danger-bg);color:#991b1b}.badge-warning{background:var(--color-warning-bg);color:#92400e}.badge-info{background:#eff6ff;color:#1d4ed8}.badge-neutral{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.input{width:100%;border-radius:var(--radius-sm);border:1.5px solid var(--color-border);background:var(--color-surface);padding:.625rem .875rem;font-size:.875rem;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::-moz-placeholder{color:var(--color-text-tertiary)}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px var(--color-accent-subtle)}.input:disabled{background:var(--color-surface-secondary);cursor:not-allowed}.disziplin-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap;display:inline-block}.disziplin-badge.small{font-size:.65rem;padding:.15rem .4rem}.disziplin-laufen{background:#fef3c7;color:#92400e}.disziplin-rad{background:#dbeafe;color:#1e40af}.disziplin-schwimmen{background:#cffafe;color:#0e7490}.disziplin-duathlon{background:#f3e8ff;color:#7c3aed}.disziplin-triathlon{background:#fce7f3;color:#be185d}.disziplin-quadrathlon{background:#fee2e2;color:#991b1b}.disziplin-wandern{background:var(--brand-100);color:var(--brand-700)}.kategorie-badge{font-size:.65rem;font-weight:500;padding:.15rem .4rem;border-radius:var(--radius-sm);white-space:nowrap;display:inline-block}.kategorie-badge.small{font-size:.6rem;padding:.1rem .3rem}.kat-vm{background:#f3f4f6;color:#4b5563}.kat-bm,.kat-brm{background:#e5e7eb;color:#374151}.kat-dm{background:#d1d5db;color:#1f2937}.kat-btu{background:#e5e7eb;color:#374151}.kat-liga{background:#f3f4f6;color:#4b5563}.status-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);display:inline-block}.status-cancelled{background:#fee2e2;color:#991b1b}.status-tentative{background:#fef3c7;color:#92400e}.status-postponed{background:#dbeafe;color:#1e40af}.ergebnis-zeit{background:#dbeafe;color:#1e40af;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:500;font-size:.8rem}.ergebnis-platz{background:#fef3c7;color:#92400e;padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:500;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:var(--color-text-tertiary)}.empty-state svg{width:3rem;height:3rem;margin-bottom:1rem;opacity:.4}.empty-state p{font-size:.875rem}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:4rem 1.5rem;color:var(--color-text-tertiary);font-size:.875rem}.spinner{width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-top-color:var(--brand-500);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-error{text-align:center;padding:2rem 1.5rem;color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);font-size:.875rem}.page-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-text-tertiary);font-size:.875rem}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{padding:.625rem .875rem;text-align:left;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.data-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table td{padding:.75rem .875rem;font-size:.8125rem;color:var(--color-text);border-bottom:1px solid var(--color-border-subtle)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-accent-subtle)}.data-table tbody tr:last-child td{border-bottom:none}.hover-highlight{transition:background var(--transition-fast)}.hover-highlight:hover{background:var(--color-accent-subtle)}.hover\:opacity-70:hover{opacity:.7}@supports (backdrop-filter: var(--tw)){.supports-\[backdrop-filter\]\:bg-white\/80{background-color:#fffc}}@media (min-width: 640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}
