@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,700&family=Inter:wght@400;500;600&display=swap";:root{--bg:#fff;--bg-sidebar:#1a1a18;--bg-card:#fff;--bg-sub:#f7f7f5;--bg-hover:#f0f0ee;--bg-overlay:#00000059;--border:#e8e8e5;--border-dark:#d0d0cc;--text:#1a1a1a;--text-muted:#7a7a78;--text-faint:#b0b0ae;--sidebar-text:#f5f2ed73;--sidebar-text-active:#f5f2edf2;--sidebar-text-hover:#f5f2edb3;--accent:#4a6741;--accent-light:#e8f0e0;--gold:#b08a3a;--status-green:#16a34a;--status-yellow:#ca8a04;--status-red:#dc2626;--status-grey:#9ca3af;--status-green-bg:#dcfce7;--status-yellow-bg:#fef9c3;--status-red-bg:#fee2e2;--badge-treffen:#dbeafe;--badge-treffen-text:#1e40af;--badge-geburtstag:#fce7f3;--badge-geburtstag-text:#9d174d;--badge-stammtisch:#fef3c7;--badge-stammtisch-text:#92400e;--badge-urlaub:#d1fae5;--badge-urlaub-text:#065f46;--accent-soft:#4a67411a;--ok:#16a34a;--ok-bg:#dcfce7;--ok-text:#166534;--maybe:#ca8a04;--maybe-bg:#fef9c3;--maybe-text:#854d0e;--no:#dc2626;--no-bg:#fee2e2;--no-text:#991b1b;--open:#a3a3a0;--chart-1:#2a78d6;--chart-2:#eb6834;--skeleton-base:#ececea;--skeleton-shine:#f7f7f5;--map-bg:#e9efe4;--map-road:#fff;--map-grid:#4a67411a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-logo:"Lora", Georgia, serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--sidebar-width:220px;--topbar-height:52px;--bottom-nav-height:60px;--content-max-width:1280px;--transition:.15s ease;--transition-md:.2s ease}:root[data-theme=dark]{--bg:#141414;--bg-card:#1e1e1c;--bg-sub:#191917;--bg-hover:#252523;--bg-overlay:#0000008c;--border:#2e2e2c;--border-dark:#3a3a38;--text:#f0f0ee;--text-muted:#888884;--text-faint:#55554f;--accent:#6a9960;--accent-light:#1a2e18;--status-green-bg:#14532d;--status-yellow-bg:#422006;--status-red-bg:#450a0a;--badge-treffen:#1e3a5f;--badge-treffen-text:#93c5fd;--badge-geburtstag:#4a1328;--badge-geburtstag-text:#f9a8d4;--badge-stammtisch:#3d2c0a;--badge-stammtisch-text:#fcd34d;--badge-urlaub:#064e3b;--badge-urlaub-text:#6ee7b7;--accent-soft:#6a996024;--ok-bg:#14532d;--ok-text:#86efac;--maybe-bg:#422006;--maybe-text:#fde047;--no-bg:#450a0a;--no-text:#fca5a5;--chart-1:#3987e5;--chart-2:#d95926;--skeleton-base:#252523;--skeleton-shine:#31312f;--map-bg:#1f261c;--map-road:#2c3529;--map-grid:#6a99601a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 2px 4px #0003;--shadow-lg:0 8px 24px #0006, 0 4px 8px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.app{height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);z-index:10;flex-direction:column;flex-shrink:0;height:100%;display:flex;overflow:hidden}.sidebar-logo{font-family:var(--font-logo);font-style:italic;font-weight:700;font-size:var(--text-lg);color:var(--sidebar-text-active);padding:var(--space-5) var(--space-5) var(--space-4);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.sidebar-logo .logo-accent{color:var(--gold);font-style:normal}.group-switcher{margin:0 var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);cursor:pointer;transition:background var(--transition);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;display:flex}.group-switcher:hover{background:#ffffff1a}.group-switcher-name{font-size:var(--text-sm);color:var(--sidebar-text-active);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.group-switcher-chevron{color:var(--sidebar-text);flex-shrink:0;font-size:10px}.sidebar-divider{height:1px;margin:var(--space-2) var(--space-3);background:#ffffff12;flex-shrink:0}.sidebar-nav{padding:var(--space-2) var(--space-3);scrollbar-width:none;flex:1;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-text);padding:var(--space-3) var(--space-3) var(--space-1);margin-top:var(--space-2);font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--sidebar-text);cursor:pointer;transition:background var(--transition), color var(--transition);margin-bottom:2px;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{color:var(--sidebar-text-hover);background:#ffffff0f}.sidebar-item.active{color:#b08a3af2;background:#b08a3a24}.sidebar-item-icon{opacity:.7;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sidebar-item.active .sidebar-item-icon{opacity:1}.sidebar-user{padding:var(--space-3) var(--space-4) var(--space-4);align-items:center;gap:var(--space-3);border-top:1px solid #ffffff12;flex-shrink:0;display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--accent);width:30px;height:30px;font-size:var(--text-xs);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);color:var(--sidebar-text-active);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:var(--sidebar-text)}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{height:var(--topbar-height);min-height:var(--topbar-height);padding:0 var(--space-6) 0 var(--space-8);border-bottom:1px solid var(--border);background:var(--bg);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.topbar-title{font-size:var(--text-md);color:var(--text);font-weight:600}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.theme-toggle{border-radius:var(--radius-md);background:var(--bg-sub);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:background var(--transition);justify-content:center;align-items:center;font-size:15px;display:flex}.theme-toggle:hover{background:var(--bg-hover)}.content{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-8);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow:hidden auto}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background:0 0}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.content-inner{max-width:var(--content-max-width);width:100%}.tab-bar{border-bottom:1px solid var(--border);padding:0 var(--space-6) 0 var(--space-8);background:var(--bg);scrollbar-width:none;flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.bottom-nav{height:var(--bottom-nav-height);background:var(--bg-sidebar);z-index:100;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #ffffff14;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-items{align-items:stretch;height:100%;display:flex}.bottom-nav-item{cursor:pointer;color:var(--sidebar-text);transition:color var(--transition);font-size:var(--text-xs);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-weight:500;text-decoration:none;display:flex}.bottom-nav-item:hover,.bottom-nav-item.active{color:#b08a3af2}.bottom-nav-icon{font-size:18px;line-height:1}.login-view{background:var(--bg);min-height:100dvh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:var(--space-8) var(--space-8);box-shadow:var(--shadow-lg)}.login-logo{font-family:var(--font-logo);color:var(--text);margin-bottom:var(--space-2);letter-spacing:-.02em;font-size:26px;font-style:italic;font-weight:700}.login-logo .logo-accent{color:var(--gold);font-style:normal}.login-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-8)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--text);font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-sub);color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);outline:none}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px #4a67411f}.form-input.error{border-color:var(--status-red);box-shadow:0 0 0 3px #dc26261a}.form-error{font-size:var(--text-xs);color:var(--status-red)}.btn-primary{width:100%;padding:var(--space-3) var(--space-5);background:var(--accent);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), box-shadow var(--transition);text-align:center;border:none;font-weight:600}.btn-primary:hover{box-shadow:var(--shadow-md);background:#3d5836}.btn-primary:active{background:#324a2c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.btn-inline{align-items:center;gap:var(--space-2);width:auto;display:inline-flex}.btn-secondary{padding:var(--space-2) var(--space-4);background:var(--bg-sub);color:var(--text);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:background var(--transition);align-items:center;gap:var(--space-2);font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{padding:var(--space-2) var(--space-3);color:var(--text-muted);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), color var(--transition);align-items:center;gap:var(--space-2);background:0 0;border:none;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{padding:var(--space-2) var(--space-4);color:var(--status-red);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition);align-items:center;gap:var(--space-2);background:#fee2e2;border:none;font-weight:500;display:inline-flex}.btn-danger:hover{background:#fca5a5}.login-divider{align-items:center;gap:var(--space-4);margin:var(--space-2) 0;color:var(--text-faint);font-size:var(--text-xs);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-footer{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.login-footer a{color:var(--accent);font-weight:500}.login-footer a:hover{text-decoration:underline}.hero-card{background:var(--bg-sidebar);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#b08a3a26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-40px;right:-40px}.hero-greeting{font-size:var(--text-sm);color:#f5f2ed80;margin-bottom:var(--space-1)}.hero-title{font-size:var(--text-xl);color:#f5f2edf2;margin-bottom:var(--space-5);letter-spacing:-.02em;font-weight:600}.hero-stats{gap:var(--space-5);flex-wrap:wrap;display:flex}.hero-stat{flex-direction:column;gap:2px;display:flex}.hero-stat-number{font-size:var(--text-2xl);color:#f5f2edf2;font-weight:700;line-height:1}.hero-stat-label{font-size:var(--text-xs);color:#f5f2ed73;font-weight:500}.dashboard-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.dashboard-grid .col-full{grid-column:1/-1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-sm);color:var(--text);font-weight:600}.card-body{padding:var(--space-5)}.card-body-flush{padding:0}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-md);color:var(--text);font-weight:600}.section-link{font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition)}.section-link:hover{color:var(--text)}.event-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:background var(--transition), box-shadow var(--transition);gap:var(--space-3);flex-direction:column;display:flex}.event-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-sm)}.event-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.event-card-name{font-size:var(--text-base);color:var(--text);font-weight:600;line-height:1.3}.event-card-meta{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.event-card-meta-item{align-items:center;gap:var(--space-1);display:flex}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border-radius:var(--radius-full);background:var(--accent);border:2px solid var(--bg-card);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:9px;font-weight:600;display:flex}.avatar-group .avatar:first-child{margin-left:0}.avatar-group .avatar-more{background:var(--bg-sub);color:var(--text-muted);border-color:var(--bg-card)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.01em;white-space:nowrap;align-items:center;font-weight:600;display:inline-flex}.badge-treffen{background:var(--badge-treffen);color:var(--badge-treffen-text)}.badge-geburtstag{background:var(--badge-geburtstag);color:var(--badge-geburtstag-text)}.badge-stammtisch{background:var(--badge-stammtisch);color:var(--badge-stammtisch-text)}.badge-urlaub{background:var(--badge-urlaub);color:var(--badge-urlaub-text)}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.dabei{background:var(--status-green)}.status-dot.vielleicht{background:var(--status-yellow)}.status-dot.absage{background:var(--status-red)}.status-dot.offen{background:var(--status-grey)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.font-medium{font-weight:500}.font-semi{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.divider{background:var(--border);height:1px;margin:var(--space-4) 0}.info-box{background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--bg-sub);border:1px solid var(--border);color:var(--text);white-space:nowrap;font-weight:500;display:inline-flex}.chip-number{color:var(--text);font-weight:700}@media (width<=680px){.sidebar{display:none}.bottom-nav{display:block}.content{padding:var(--space-4);padding-bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom))}.topbar,.tab-bar{padding:0 var(--space-4)}.content.with-fab{padding-bottom:calc(var(--bottom-nav-height) + 84px + env(safe-area-inset-bottom))}.dashboard-grid{grid-template-columns:1fr}.hero-card{padding:var(--space-5)}.hero-title{font-size:var(--text-lg)}.login-card{padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:none;border-color:#0000}.login-view{padding-top:var(--space-10);align-items:flex-start}}.skeleton{background:linear-gradient(90deg, var(--skeleton-base) 0%, var(--skeleton-shine) 40%, var(--skeleton-base) 80%);border-radius:var(--radius-full);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton.on-dark{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff24 40%,#ffffff0f 80%) 0 0/200% 100%}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root[data-theme=dark] .zirqle-map .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(.85)contrast(.9)saturate(.6)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.fill[data-v-f194a006]{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.sidebar-user[data-v-e2b80946]{transition:background var(--transition)}.sidebar-user[data-v-e2b80946]:hover,.sidebar-user.active[data-v-e2b80946]{background:#ffffff0a}.sidebar-user-chev[data-v-e2b80946]{color:var(--sidebar-text);font-size:var(--text-sm)}.bottom-nav-item[data-v-5ca04056]{font-size:10.5px}.bottom-nav-icon[data-v-5ca04056]{display:flex}.overlay[data-v-e8d36ee1]{z-index:300;background:var(--bg-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog[data-v-e8d36ee1]{width:100%;box-shadow:var(--shadow-lg);max-height:calc(100dvh - 2 * var(--space-4));outline:none;overflow-y:auto}.body[data-v-e8d36ee1]{gap:var(--space-4);flex-direction:column;display:flex}.btn-danger[data-v-e8d36ee1]:disabled{opacity:.5;cursor:not-allowed}.actions[data-v-e8d36ee1]{justify-content:flex-end;gap:var(--space-2);display:flex}.message[data-v-3b942012]{font-size:var(--text-sm);color:var(--text-muted);white-space:pre-line}