*{margin:0;padding:0;box-sizing:border-box}:root{--so-white: #FFFFFF;--so-blue: #0A2E4F;--so-black: #000000;--so-gray: #B2ACAC;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--so-black);background-color:var(--so-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100vh;background-color:var(--so-white);display:flex;flex-direction:column}.header{--header-text-color: color-mix(in srgb, white calc((1 - var(--scroll-progress, 0)) * 100%), var(--so-black));--header-text-hover: color-mix(in srgb, white calc((1 - var(--scroll-progress, 0)) * 100%), var(--so-blue));background-color:rgba(255,255,255,var(--scroll-progress, 0));box-shadow:0 2px 8px rgba(0,0,0,calc(.1 * var(--scroll-progress, 0)));position:fixed;top:0;z-index:1000;padding:1rem 0;width:100%}.header-container{width:100%;padding:0 3rem;display:flex;justify-content:space-between;align-items:center}.logo a{text-decoration:none;color:var(--so-black)}.logo-text{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.logo-highlight{color:var(--so-blue)}.logo-img{height:40px;width:auto;transition:filter .3s ease;filter:invert(calc(1 - var(--scroll-progress, 0))) brightness(calc(1 + (1 - var(--scroll-progress, 0))))}.nav-list{display:flex;list-style:none;gap:2.5rem;margin:0;padding:0;align-items:center}.nav-list a{text-decoration:none;color:var(--header-text-color);font-weight:500;font-size:1rem;transition:color .3s ease;position:relative}.nav-list a:hover,.nav-list a.active{color:var(--header-text-hover)}.nav-list a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--header-text-hover);transition:width .3s ease}.nav-list a:hover:after,.nav-list a.active:after{width:100%}.menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;gap:5px}.menu-toggle span{width:25px;height:3px;background-color:var(--header-text-color);transition:all .3s ease;border-radius:2px}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-profile-item{display:none}.mobile-logout-btn{background:none;border:none;color:var(--so-black);font-weight:500;font-size:1.1rem;cursor:pointer;padding:0;text-align:left;width:100%;font-family:inherit}.mobile-logout-btn:hover{color:#dc2626}@media(max-width:768px){.header-container{padding:0 1.5rem}.menu-toggle{display:flex}.nav{position:fixed;top:70px;left:0;right:0;background-color:var(--so-white);max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 6px #0000001a}.nav.open{max-height:400px}.nav-list{flex-direction:column;padding:1.5rem 2rem;gap:1.5rem;align-items:flex-start}.nav-list a{font-size:1.1rem;display:block;width:100%}.logo-text{font-size:1.5rem}.logo-img{height:32px}}.btn-login{background-color:var(--so-blue);color:#fff!important;padding:.5rem 1.25rem;border-radius:6px;transition:background-color .3s ease!important}.btn-login:hover{background-color:#0052a3;color:#fff!important}.btn-login:after{display:none!important}.user-menu{display:flex;align-items:center;gap:.75rem}.user-name{color:var(--so-black);font-weight:500;font-size:.9rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:none;border:1px solid var(--so-blue);color:var(--so-blue);padding:.4rem .9rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background-color:var(--so-blue);color:#fff}.nav-admin{color:var(--so-blue)!important;font-weight:600!important}.profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,calc(.15 + var(--scroll-progress, 0) * .85));border:none;cursor:pointer;transition:all .2s ease;color:var(--header-text-color)}.profile-trigger:hover,.profile-trigger.open{background:var(--so-blue);color:#fff}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;z-index:1001;overflow:hidden;animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-header{padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.profile-menu-name{display:block;font-weight:600;color:#1f2937;font-size:.9375rem}.profile-menu-email{display:block;color:#6b7280;font-size:.8125rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu-divider{height:1px;background:#e5e7eb}.profile-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;text-align:left;font-size:.9375rem;color:#374151!important;cursor:pointer;transition:background .15s ease;text-decoration:none}.profile-menu-item:hover{background:#f3f4f6}.profile-menu-item:after{display:none!important}.profile-menu-logout{color:#dc2626}.profile-menu-logout:hover{background:#fef2f2}@media(max-width:768px){.nav.open{max-height:350px}.user-menu{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.btn-login,.btn-logout{width:100%;text-align:center}.mobile-profile-item{display:block;width:100%}.profile-dropdown{display:none}}@media(max-width:480px){.header-container{padding:0 1rem}.logo-text{font-size:1.3rem}}.footer{background-color:var(--so-blue);color:var(--so-white);padding:3rem 0 0;margin-top:4rem;position:relative}.footer:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,transparent,rgba(10,46,79,.05));pointer-events:none}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo .logo-text{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;color:var(--so-white)}.footer-logo .logo-highlight{color:var(--so-white);opacity:.8}.footer-tagline{font-size:.95rem;color:#fffc;line-height:1.5;max-width:250px}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--so-white)}.footer-links,.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a,.footer-contact a{color:#fffc;text-decoration:none;transition:color .3s ease;font-size:.95rem}.footer-links a:hover,.footer-contact a:hover{color:var(--so-white)}.footer-contact li{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.95rem}.footer-contact svg{flex-shrink:0;opacity:.7}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--so-white);transition:all .3s ease}.social-link:hover{background-color:var(--so-white);color:var(--so-blue);transform:translateY(-3px)}.social-link svg{width:20px;height:20px}.footer-bottom{background-color:#0003;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-copyright,.footer-credits{font-size:.9rem;color:#ffffffb3;margin:0}.footer-credits a{color:var(--so-white);text-decoration:none;font-weight:500;transition:opacity .3s ease}.footer-credits a:hover{opacity:.8}@media(max-width:768px){.footer{margin-top:3rem}.footer-container{grid-template-columns:1fr;gap:2.5rem;padding:0 1.5rem 2.5rem}.footer-brand{text-align:center;align-items:center}.footer-tagline{max-width:100%}.footer-section{text-align:center;align-items:center}.footer-links,.footer-contact{align-items:center}.footer-social{justify-content:center}.footer-bottom-container{flex-direction:column;text-align:center;padding:0 1.5rem}}@media(max-width:480px){.footer-container{padding:0 1rem 2rem}.footer-logo .logo-text{font-size:1.5rem}.footer-bottom-container{padding:0 1rem}}.hero{width:100%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a;z-index:1}.hero-image{width:100%;height:500px;position:relative;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000004d,#00000080);display:flex;align-items:center;justify-content:center}.hero-content{text-align:center;color:var(--so-white);padding:2rem;z-index:1}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.5);opacity:.95}@media(max-width:768px){.hero-image{height:400px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media(max-width:480px){.hero-image{height:300px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-content{padding:1rem}}.events-section{width:100%;padding:5rem 0 6rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.events-container{max-width:1400px;margin:0 auto;padding:0 2rem}.events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.events-title{font-size:2.25rem;font-weight:800;color:var(--so-blue);letter-spacing:-.5px;margin:0;text-shadow:0 1px 2px rgba(10,46,79,.1)}.events-view-all{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--so-blue);text-decoration:none;padding:.75rem 1.25rem;border:2px solid var(--so-blue);border-radius:8px;transition:all .25s ease;flex-shrink:0}.events-view-all:hover{background:var(--so-blue);color:var(--so-white)}.events-view-all svg{width:18px;height:18px;transition:transform .25s ease}.events-view-all:hover svg{transform:translate(4px)}.events-scroll-container{display:flex;gap:1.75rem;overflow-x:auto;overflow-y:hidden;padding:1.5rem .5rem 2.5rem;margin:0 -.5rem;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}.events-scroll-container::-webkit-scrollbar{display:none}.events-scroll-container:active{cursor:grabbing}.event-card{min-width:320px;max-width:320px;background-color:var(--so-white);border-radius:16px;box-shadow:0 4px 6px #0a2e4f0a,0 10px 20px #0a2e4f14;border:1px solid rgba(10,46,79,.06);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative}.event-card:hover{transform:translateY(-12px);box-shadow:0 8px 16px #0a2e4f14,0 24px 48px #0a2e4f29}.event-card:focus{outline:none;box-shadow:0 0 0 3px var(--so-white),0 0 0 5px var(--so-blue),0 8px 16px #0a2e4f14,0 24px 48px #0a2e4f29}.event-card-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.event-card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);pointer-events:none;-webkit-user-select:none;user-select:none}.event-card:hover .event-card-image-wrapper img{transform:scale(1.08)}.event-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--so-blue) 0%,#082540 100%)}.event-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a2e4f00,#0a2e4f1a,#0a2e4f66);transition:opacity .4s ease;pointer-events:none}.event-card:hover .event-card-overlay{opacity:.7}.event-card-date{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:68px;background:var(--so-white);border-radius:10px;box-shadow:0 4px 16px #00000026;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover .event-card-date{transform:scale(1.05);box-shadow:0 6px 20px #0003}.event-card-day{font-size:1.75rem;font-weight:800;color:var(--so-blue);line-height:1}.event-card-month{font-size:.7rem;font-weight:700;color:var(--so-blue);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.event-card-badges{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.event-badge{padding:.375rem .75rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-badge-registered{background:#4caf50e6;color:var(--so-white)}.event-badge-member{background:#fffffff2;color:var(--so-blue)}.event-card-content{padding:1.25rem 1.25rem 1.5rem;display:flex;flex-direction:column;flex:1}.event-card-title{font-size:1.15rem;font-weight:700;color:var(--so-black);margin:0 0 .75rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.event-card:hover .event-card-title{color:var(--so-blue)}.event-card-meta{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.event-card-location,.event-card-time{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#64748b}.event-card-location svg,.event-card-time svg{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.event-card-cta{display:inline-flex;align-items:center;gap:.375rem;margin-top:auto;font-size:.85rem;font-weight:600;color:var(--so-blue);transition:gap .3s ease}.event-card-cta svg{width:16px;height:16px;transition:transform .3s ease}.event-card:hover .event-card-cta svg{transform:translate(4px)}.events-loading,.events-error,.no-events{text-align:center;padding:4rem 2rem;color:#64748b;font-size:1.1rem;background:var(--so-white);border-radius:16px;box-shadow:0 4px 20px #0a2e4f0f;margin:0 auto;max-width:500px}.events-error{color:#dc2626;border:1px solid #fecaca;background:#fef2f2}@media(max-width:768px){.events-section{padding:3.5rem 0 4rem}.events-container{padding:0 1rem}.events-header{flex-direction:column;align-items:flex-start;gap:1rem}.events-title{font-size:1.5rem}.events-view-all{align-self:flex-start}.event-card{min-width:280px;max-width:280px}.event-card-image-wrapper{height:170px}.event-card-date{width:52px;height:58px}.event-card-day{font-size:1.5rem}.event-card-title{font-size:1.05rem}}@media(max-width:480px){.events-section{padding:2.5rem 0 3rem}.events-container{padding:0 .75rem}.events-header{margin-bottom:1.5rem}.events-title{font-size:1.35rem}.events-view-all{padding:.625rem 1rem;font-size:.85rem}.event-card{min-width:260px;max-width:260px}.event-card-image-wrapper{height:150px}.event-card-date{width:48px;height:54px;top:.75rem;left:.75rem}.event-card-day{font-size:1.35rem}.event-card-month{font-size:.6rem}.event-card-content{padding:1rem}.event-card:hover{transform:translateY(-6px)}}.about-section{width:100%;padding:5rem 0;background-color:#fafbfc}.about-container{max-width:1200px;margin:0 auto;padding:0 2rem}.about-title{font-size:2rem;font-weight:700;color:var(--so-blue);text-align:center;margin-bottom:3rem;letter-spacing:.5px}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:2rem}.pillar{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background-color:var(--so-white);border-radius:12px;box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f;border:1px solid rgba(0,0,0,.04);transition:transform .3s ease,box-shadow .3s ease}.pillar:hover{transform:translateY(-8px);box-shadow:0 4px 8px #0000000f,0 16px 32px #0000001a}.pillar-icon{width:80px;height:80px;background-color:var(--so-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--so-white);transition:background-color .3s ease,transform .3s ease}.pillar:hover .pillar-icon{background-color:#082540;transform:scale(1.1)}.pillar-title{font-size:1.5rem;font-weight:700;color:var(--so-black);margin-bottom:1rem}.pillar-description{font-size:1rem;line-height:1.7;color:#555;max-width:400px}@media(max-width:768px){.about-section{padding:3rem 0}.about-container{padding:0 1.5rem}.about-title{font-size:1.5rem;margin-bottom:2rem}.pillars-grid{grid-template-columns:1fr;gap:2.5rem}.pillar{padding:1.5rem}.pillar-icon{width:70px;height:70px}.pillar-title{font-size:1.3rem}.pillar-description{font-size:.95rem}}.arrangementer-page{min-height:100vh;background-color:var(--so-white)}.arrangementer-hero{background-color:var(--so-blue);padding:5rem 2rem;text-align:center}.arrangementer-hero-content{max-width:800px;margin:0 auto}.arrangementer-title{font-size:3rem;font-weight:700;color:var(--so-white);margin-bottom:1rem;letter-spacing:-.5px}.arrangementer-subtitle{font-size:1.25rem;color:#ffffffe6;line-height:1.6;max-width:600px;margin:0 auto}.arrangementer-content{padding:3rem 0 4rem}.arrangementer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.arrangementer-filter-bar{display:flex;justify-content:center;gap:.75rem;margin-bottom:2.5rem;flex-wrap:wrap}.arrangementer-filter-btn{padding:.75rem 1.5rem;border:2px solid var(--so-blue);background-color:transparent;color:var(--so-blue);font-size:.95rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease}.arrangementer-filter-btn:hover,.arrangementer-filter-btn.active{background-color:var(--so-blue);color:var(--so-white)}.arrangementer-status{text-align:center;padding:4rem 2rem;color:var(--so-gray);font-size:1.1rem}.arrangementer-error{color:#d32f2f}.arrangementer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.arrangementer-card{background-color:var(--so-white);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;cursor:pointer}.arrangementer-card:focus{outline:2px solid var(--so-blue);outline-offset:2px}.arrangementer-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.arrangementer-card-past{opacity:.75}.arrangementer-card-past:hover{opacity:1}.arrangementer-card-image{position:relative;height:160px;background-color:#f8f9fa;overflow:hidden}.arrangementer-card-image img{width:100%;height:100%;object-fit:cover}.arrangementer-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f2f5,#e4e7eb);color:var(--so-gray)}.arrangementer-past-badge{position:absolute;top:12px;right:12px;background-color:#000000b3;color:#fff;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;font-weight:600}.arrangementer-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.arrangementer-card-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--so-blue);color:var(--so-white);width:70px;height:70px;border-radius:8px;margin-bottom:1rem}.arrangementer-card-day{font-size:2rem;font-weight:700;line-height:1}.arrangementer-card-month{font-size:.9rem;font-weight:500;text-transform:uppercase}.arrangementer-card-title{font-size:1.25rem;font-weight:700;color:var(--so-black);margin:0 0 .75rem;line-height:1.3}.arrangementer-card-description{font-size:.95rem;color:#555;line-height:1.5;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.arrangementer-card-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.arrangementer-card-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--so-gray)}.arrangementer-card-info svg{flex-shrink:0;color:var(--so-blue)}.arrangementer-card-button{display:block;width:100%;padding:.75rem 1.5rem;background-color:var(--so-blue);color:var(--so-white);text-decoration:none;border:none;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;cursor:pointer;transition:background-color .3s ease}.arrangementer-card-button:hover:not(:disabled){background-color:#082540}.arrangementer-card-button:disabled{opacity:.6;cursor:not-allowed}.arrangementer-card-button-registered{background-color:#4caf50}.arrangementer-card-button-registered:hover:not(:disabled){background-color:#388e3c}.arrangementer-card-footer{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.5rem}.arrangementer-registered-badge,.arrangementer-member-badge{padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.arrangementer-registered-badge{background-color:#4caf50;color:#fff}.arrangementer-member-badge{background-color:var(--so-blue);color:var(--so-white)}.arrangementer-card-more{margin-left:auto;color:var(--so-blue);font-weight:500;font-size:.9rem}@media(max-width:768px){.arrangementer-hero{padding:4rem 1.5rem}.arrangementer-title{font-size:2.25rem}.arrangementer-subtitle{font-size:1.05rem}.arrangementer-content{padding:2rem 0 3rem}.arrangementer-container{padding:0 1rem}.arrangementer-filter-bar{gap:.5rem}.arrangementer-filter-btn{padding:.6rem 1.25rem;font-size:.9rem}.arrangementer-grid{grid-template-columns:1fr;gap:1.5rem}.arrangementer-card-image{height:140px}.arrangementer-card-content{padding:1.25rem}.arrangementer-card-date{width:60px;height:60px}.arrangementer-card-day{font-size:1.75rem}.arrangementer-card-month{font-size:.8rem}.arrangementer-card-title{font-size:1.1rem}.arrangementer-card-description{font-size:.9rem}}@media(max-width:480px){.arrangementer-hero{padding:3rem 1rem}.arrangementer-title{font-size:1.85rem}.arrangementer-subtitle{font-size:1rem}.arrangementer-filter-btn{padding:.5rem 1rem;font-size:.85rem}.arrangementer-card-date{width:55px;height:55px}.arrangementer-card-day{font-size:1.5rem}.arrangementer-card-month{font-size:.75rem}}.event-detail-page{min-height:100vh;background-color:#f8fafc}.event-detail-loading,.event-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.event-detail-error h2{font-size:1.75rem;color:var(--so-black);margin-bottom:1rem}.event-detail-error p{color:var(--so-gray);margin-bottom:2rem}.event-detail-back-btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--so-blue);color:var(--so-white);text-decoration:none;border-radius:8px;font-weight:600;transition:background-color .3s ease,transform .2s ease}.event-detail-back-btn:hover{background-color:#082540;transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-hero{height:500px;border-radius:0}.skeleton-content{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 380px;gap:2rem}.skeleton-main{display:flex;flex-direction:column;gap:1.5rem}.skeleton-sidebar{display:flex;flex-direction:column;gap:1rem}.skeleton-title{height:3rem;width:80%}.skeleton-title-short{height:3rem;width:50%}.skeleton-countdown{height:100px;border-radius:16px}.skeleton-info-card{height:140px;border-radius:16px}.skeleton-section-title{height:1.5rem;width:200px}.skeleton-text{height:1rem;width:100%}.skeleton-text-short{height:1rem;width:70%}.skeleton-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skeleton-related-card{height:180px;border-radius:12px}@media(max-width:1024px){.skeleton-content,.skeleton-related-grid{grid-template-columns:1fr}}@media(max-width:768px){.skeleton-hero{height:350px}.skeleton-content{padding:1.5rem}}.event-detail-hero{position:relative;width:100%;height:500px;overflow:hidden}.event-detail-hero-image{width:100%;height:100%;object-fit:cover}.event-detail-hero-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--so-blue) 0%,#082540 50%,#0a3a5c 100%);color:#ffffff26}.event-detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a2e4f33,#0a2e4f66,#0a2e4fe6);pointer-events:none}.event-detail-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3rem;color:var(--so-white)}.event-detail-hero-inner{max-width:1200px;margin:0 auto}.event-detail-hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.event-detail-hero-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;font-size:.8rem;font-weight:600;color:var(--so-white);text-transform:uppercase;letter-spacing:.5px}.event-detail-hero-badge.member-only{background:#3b82f680}.event-detail-hero-badge.past{background:#6b728099}.event-detail-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--so-white);line-height:1.1;letter-spacing:-1px;margin:0;text-shadow:0 4px 12px rgba(0,0,0,.3);max-width:700px}.event-detail-hero-meta{display:flex;align-items:center;gap:1.5rem;margin-top:1.25rem;font-size:1rem;color:#ffffffe6}.event-detail-hero-meta-item{display:flex;align-items:center;gap:.5rem}.event-detail-hero-meta-item svg{opacity:.8}.event-detail-back{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#fffffff2;border-radius:50%;color:var(--so-blue);transition:all .2s ease;position:absolute;top:1.5rem;left:1.5rem;z-index:10;box-shadow:0 4px 16px #0003}.event-detail-back:hover{background-color:var(--so-white);transform:scale(1.05);box-shadow:0 6px 20px #00000040}.event-detail-sticky-header{position:fixed;top:0;left:0;right:0;background:var(--so-white);box-shadow:0 2px 20px #0000001a;z-index:999;transform:translateY(-100%);transition:transform .3s ease}.event-detail-sticky-header.visible{transform:translateY(0)}.sticky-header-content{max-width:1200px;margin:0 auto;padding:.875rem 2rem;display:flex;align-items:center;gap:1rem}.sticky-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:var(--so-blue);transition:background .2s ease;flex-shrink:0}.sticky-back:hover{background:#e2e8f0}.sticky-title{flex:1;font-size:1.1rem;font-weight:600;color:var(--so-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sticky-register-btn{padding:.625rem 1.25rem;background:var(--so-blue);color:var(--so-white);border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s ease;flex-shrink:0}.sticky-register-btn:hover{background:#082540}.sticky-register-btn.registered{background:#4caf50}.sticky-register-btn.registered:hover{background:#388e3c}.event-detail-layout{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 3rem;display:grid;grid-template-columns:1fr 380px;gap:3rem;position:relative}.event-detail-main{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-detail-section{background:var(--so-white);border-radius:20px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 24px #0a2e4f0f;border:1px solid rgba(10,46,79,.04)}.event-detail-section-title{font-size:1.35rem;font-weight:700;color:var(--so-blue);margin:0 0 1.25rem;display:flex;align-items:center;gap:.75rem}.event-detail-section-title:before{content:"";width:4px;height:1.5rem;background:linear-gradient(to bottom,var(--so-blue),#3b82f6);border-radius:2px}.expandable-description{position:relative}.description-content{font-size:1.05rem;line-height:1.85;color:#334155;white-space:pre-wrap;overflow:hidden;transition:max-height .3s ease}.description-content.truncated{max-height:none;mask-image:none;-webkit-mask-image:none}.description-toggle{display:none}.description-toggle:hover{color:#082540}.description-toggle svg{transition:transform .2s ease}.description-toggle svg.rotated{transform:rotate(180deg)}.event-detail-related{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;animation:fadeInUp .5s ease-out .1s both}.event-detail-related .event-detail-section-title{margin-bottom:1.5rem}.related-events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.related-event-card{background:var(--so-white);border:1px solid rgba(10,46,79,.06);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #0a2e4f0f}.related-event-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0a2e4f1f;border-color:var(--so-blue)}.related-event-image{width:100%;height:140px;overflow:hidden}.related-event-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-event-card:hover .related-event-image img{transform:scale(1.05)}.related-event-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--so-blue) 0%,#082540 100%)}.related-event-content{padding:1.25rem}.related-event-date{font-size:.75rem;font-weight:700;color:var(--so-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.375rem}.related-event-title{font-size:1.1rem;font-weight:600;color:var(--so-black);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-detail-sidebar{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:1.25rem;animation:fadeInUp .5s ease-out .15s both}.sidebar-date-card{background:var(--so-white);border-radius:20px;padding:1.5rem;text-align:center;box-shadow:0 4px 24px #0a2e4f14;border:1px solid rgba(10,46,79,.04)}.sidebar-date-card-inner{display:inline-flex;flex-direction:column;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,var(--so-blue) 0%,#0d3a63 100%);border-radius:16px}.sidebar-date-month{font-size:.85rem;font-weight:700;color:#ffffffd9;text-transform:uppercase;letter-spacing:2px}.sidebar-date-day{font-size:3.5rem;font-weight:800;color:var(--so-white);line-height:1;margin:.25rem 0}.sidebar-date-year{font-size:.9rem;font-weight:600;color:#ffffffb3}.countdown-container{background:linear-gradient(135deg,var(--so-blue) 0%,#0d3a63 100%);border-radius:20px;padding:1.5rem;color:var(--so-white);text-align:center;box-shadow:0 4px 24px #0a2e4f26}.countdown-label{display:block;font-size:.8rem;font-weight:600;opacity:.85;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.countdown-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.countdown-block{background:#ffffff26;border-radius:12px;padding:.75rem .5rem}.countdown-value{display:block;font-size:1.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.countdown-unit{font-size:.65rem;text-transform:uppercase;opacity:.8;margin-top:.375rem;display:block;letter-spacing:.5px}.sidebar-info-card{background:var(--so-white);border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #0a2e4f0f;border:1px solid rgba(10,46,79,.04)}.sidebar-info-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0}.sidebar-info-item:not(:last-child){border-bottom:1px solid #f1f5f9}.sidebar-info-item:first-child{padding-top:0}.sidebar-info-item:last-child{padding-bottom:0}.sidebar-info-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--so-blue) 0%,#0d3a63 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-info-icon svg{color:var(--so-white)}.sidebar-info-content{flex:1;min-width:0}.sidebar-info-label{display:block;font-size:.75rem;font-weight:600;color:var(--so-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.sidebar-info-value{display:block;font-size:1rem;font-weight:600;color:var(--so-black);line-height:1.35}.sidebar-info-secondary{display:block;font-size:.875rem;color:var(--so-gray);margin-top:.125rem}.sidebar-info-item.clickable{cursor:pointer;border-radius:12px;margin:0 -.75rem;padding:1rem .75rem;transition:background .2s ease}.sidebar-info-item.clickable:hover{background:#f8fafc}.sidebar-info-item.clickable:hover .sidebar-info-action{opacity:1}.sidebar-info-action{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--so-blue);font-weight:500;margin-top:.375rem;opacity:0;transition:opacity .2s ease}.sidebar-registered-status{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #c8e6c9;border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.875rem}.sidebar-registered-status svg{color:#4caf50;flex-shrink:0}.sidebar-registered-status span{font-weight:600;color:#2e7d32;font-size:.9rem;line-height:1.3}.sidebar-register-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1.125rem 2rem;background:var(--so-blue);color:var(--so-white);text-decoration:none;border:none;border-radius:14px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 6px 24px #0a2e4f40;position:relative;overflow:hidden}.sidebar-register-btn:hover:not(:disabled){background:#082540;transform:translateY(-2px);box-shadow:0 8px 32px #0a2e4f59}.sidebar-register-btn:active:not(:disabled){transform:translateY(0)}.sidebar-register-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.sidebar-register-btn.loading{pointer-events:none}.sidebar-register-btn .button-text{transition:opacity .2s ease}.sidebar-register-btn.loading .button-text{opacity:0}.sidebar-register-btn .button-spinner{position:absolute;width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;opacity:0}.sidebar-register-btn.loading .button-spinner{opacity:1}.sidebar-register-btn.registered{background:#4caf50;box-shadow:0 6px 24px #4caf5040}.sidebar-register-btn.registered:hover:not(:disabled){background:#388e3c;box-shadow:0 8px 32px #4caf5059}.share-button-container{position:relative}.share-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:transparent;border:2px solid var(--so-blue);color:var(--so-blue);border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.share-trigger:hover{background:var(--so-blue);color:var(--so-white)}.share-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:var(--so-white);border-radius:14px;box-shadow:0 8px 32px #00000026;overflow:hidden;animation:shareMenuFadeIn .15s ease;z-index:100}@keyframes shareMenuFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.share-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--so-black);cursor:pointer;transition:background .2s ease}.share-menu button:hover{background:#f8fafc}.share-menu button:not(:last-child){border-bottom:1px solid #f1f5f9}.share-menu button svg{width:20px;height:20px;color:var(--so-gray)}.share-menu button.copied{color:#4caf50}.share-menu button.copied svg{color:#4caf50}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:1001;pointer-events:none;max-width:400px}.toast{display:flex;align-items:center;gap:.875rem;padding:1rem 1.5rem;background:var(--so-white);border-radius:14px;box-shadow:0 12px 40px #00000026;animation:toastSlideIn .3s ease;pointer-events:auto;cursor:pointer}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #ef4444}.toast-icon{flex-shrink:0;width:22px;height:22px}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#ef4444}.toast-message{font-size:.95rem;color:var(--so-black);font-weight:500}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.event-detail-mobile-footer{display:none}@media(max-width:1024px){.event-detail-layout{grid-template-columns:1fr;padding:2rem 1.5rem;gap:2rem}.event-detail-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sidebar-date-card,.countdown-container,.sidebar-info-card,.sidebar-registered-status,.sidebar-register-btn,.share-button-container{grid-column:1 / -1}}@media(max-width:768px){.event-detail-hero{height:400px}.event-detail-hero-content{padding:2rem 1.5rem}.event-detail-hero-title{font-size:2rem}.event-detail-hero-meta{flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem}.event-detail-layout{padding:1.5rem 1rem 8rem}.event-detail-sidebar{grid-template-columns:1fr}.sidebar-date-card{display:none}.event-detail-section{padding:1.5rem;border-radius:16px}.event-detail-related{padding:0 1rem 2rem}.related-events-grid{grid-template-columns:1fr;gap:1rem}.related-event-card{display:flex;flex-direction:row}.related-event-image{width:120px;height:100px;flex-shrink:0}.related-event-content{display:flex;flex-direction:column;justify-content:center;padding:1rem}.related-event-title{font-size:1rem}.event-detail-mobile-footer{display:flex;position:fixed;bottom:0;left:0;right:0;padding:1rem 1rem 1.25rem;justify-content:center;z-index:100}.sidebar-register-btn.in-sidebar,.share-button-container.in-sidebar{display:none}.toast-container{bottom:100px;left:1rem;right:1rem}}@media(max-width:480px){.event-detail-back{width:44px;height:44px;top:1rem;left:1rem}.event-detail-hero{height:320px}.event-detail-hero-content{padding:1.5rem 1rem}.event-detail-hero-title{font-size:1.75rem}.event-detail-hero-badge{font-size:.7rem;padding:.4rem .75rem}.event-detail-layout{padding:1.25rem 1rem 8rem}.event-detail-section{padding:1.25rem}.event-detail-section-title{font-size:1.2rem}.description-content{font-size:1rem;line-height:1.75}.description-content.truncated{max-height:180px;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.description-toggle{display:inline-flex;align-items:center;gap:.375rem;margin-top:1rem;padding:.5rem 0;background:none;border:none;color:var(--so-blue);font-weight:600;font-size:.95rem;cursor:pointer;transition:color .2s ease}.countdown-blocks{gap:.375rem}.countdown-block{padding:.625rem .375rem}.countdown-value{font-size:1.5rem}.sidebar-info-card{padding:1.25rem}.sidebar-info-icon{width:40px;height:40px}.sticky-header-content{padding:.75rem 1rem}.sticky-title{font-size:.95rem}.sticky-register-btn{padding:.5rem 1rem;font-size:.85rem}}.medlem-page{min-height:100vh;background-color:var(--so-white)}.medlem-container{max-width:1200px;margin:0 auto;padding:0 2rem}.medlem-hero{background-color:var(--so-blue);padding:5rem 2rem;text-align:center}.medlem-hero-content{max-width:800px;margin:0 auto}.medlem-hero-title{font-size:3rem;font-weight:700;color:var(--so-white);margin-bottom:1.5rem;letter-spacing:-.5px}.medlem-hero-subtitle{font-size:1.25rem;color:#ffffffe6;line-height:1.7;margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.medlem-hero-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--so-white);color:var(--so-blue);text-decoration:none;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.medlem-hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.medlem-hero-button svg{transition:transform .3s ease}.medlem-hero-button:hover svg{transform:translate(4px)}.medlem-benefits{padding:5rem 0;background-color:var(--so-white)}.medlem-section-title{font-size:2rem;font-weight:700;color:var(--so-blue);text-align:center;margin-bottom:1rem}.medlem-section-subtitle{font-size:1.1rem;color:#555;text-align:center;max-width:700px;margin:0 auto 3rem;line-height:1.7}.medlem-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.medlem-benefit-card{background-color:#f8f9fa;border-radius:12px;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.medlem-benefit-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.medlem-benefit-icon{width:70px;height:70px;background-color:var(--so-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;color:var(--so-white);transition:transform .3s ease}.medlem-benefit-card:hover .medlem-benefit-icon{transform:scale(1.1)}.medlem-benefit-title{font-size:1.25rem;font-weight:700;color:var(--so-black);margin-bottom:.75rem}.medlem-benefit-description{font-size:.95rem;color:#555;line-height:1.6;margin:0}.medlem-application{padding:5rem 0;background-color:#f8f9fa}.medlem-application-wrapper{max-width:900px;margin:0 auto;background-color:var(--so-white);border-radius:16px;padding:3rem;box-shadow:0 4px 20px #00000014}.medlem-application-header{text-align:center;margin-bottom:2.5rem}.medlem-application-header .medlem-section-title{margin-bottom:1rem}.medlem-application-header .medlem-section-subtitle{margin-bottom:0}.medlem-form{display:flex;flex-direction:column;gap:2rem}.medlem-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.medlem-form-section{display:flex;flex-direction:column;gap:1.25rem}.medlem-form-section-full{grid-column:1 / -1}.medlem-form-section-title{font-size:1.1rem;font-weight:600;color:var(--so-blue);margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.medlem-form-group{display:flex;flex-direction:column;gap:.5rem}.medlem-form-group label{font-weight:600;color:var(--so-black);font-size:.9rem}.medlem-form-group input,.medlem-form-group select,.medlem-form-group textarea{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;background-color:var(--so-white)}.medlem-form-group input:focus,.medlem-form-group select:focus,.medlem-form-group textarea:focus{outline:none;border-color:var(--so-blue);box-shadow:0 0 0 3px #0a2e4f1a}.medlem-form-group input:disabled,.medlem-form-group select:disabled,.medlem-form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.medlem-form-group input::placeholder,.medlem-form-group textarea::placeholder{color:var(--so-gray)}.medlem-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.medlem-form-group textarea{resize:vertical;min-height:120px}.medlem-form-hint{font-size:.8rem;color:var(--so-gray);text-align:right}.medlem-form-checkbox{margin-top:-.5rem}.medlem-form-checkbox label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.95rem;color:#555;line-height:1.5}.medlem-form-checkbox input[type=checkbox]{width:20px;height:20px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:var(--so-blue)}.medlem-form-submit{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2.5rem;background-color:var(--so-blue);color:var(--so-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;align-self:center;margin-top:1rem}.medlem-form-submit:hover:not(:disabled){background-color:#082540}.medlem-form-submit:active:not(:disabled){transform:translateY(1px)}.medlem-form-submit:disabled{opacity:.7;cursor:not-allowed}.medlem-form-submit svg{transition:transform .3s ease}.medlem-form-submit:hover:not(:disabled) svg{transform:translate(4px)}.medlem-form-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--so-white);border-radius:50%;animation:spin .8s linear infinite}.medlem-form-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;font-size:.95rem}.medlem-form-error svg{flex-shrink:0}.medlem-form-success{text-align:center;padding:3rem 2rem}.medlem-form-success-icon{margin-bottom:1.5rem}.medlem-form-success-icon svg{color:#4caf50}.medlem-form-success h3{font-size:1.75rem;color:var(--so-black);margin-bottom:1rem}.medlem-form-success p{font-size:1.1rem;color:#555;line-height:1.6;max-width:500px;margin:0 auto 2rem}.medlem-form-reset{padding:.75rem 1.5rem;background-color:transparent;color:var(--so-blue);border:2px solid var(--so-blue);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.medlem-form-reset:hover{background-color:var(--so-blue);color:var(--so-white)}.medlem-has-application{text-align:center;padding:3rem 2rem}.medlem-status-icon{margin-bottom:1.5rem}.medlem-status-icon.medlem-status-pending svg{color:#f59e0b}.medlem-status-icon.medlem-status-approved svg{color:#22c55e}.medlem-status-icon.medlem-status-rejected svg{color:#ef4444}.medlem-has-application h3{font-size:1.75rem;color:var(--so-black);margin-bottom:1rem}.medlem-has-application p{font-size:1.1rem;color:#555;line-height:1.6;max-width:500px;margin:0 auto 2rem}.medlem-status-link{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background-color:var(--so-blue);color:var(--so-white);text-decoration:none;border-radius:8px;font-size:1rem;font-weight:600;transition:all .3s ease}.medlem-status-link:hover{background-color:#082540;transform:translateY(-2px)}.medlem-status-link svg{transition:transform .3s ease}.medlem-status-link:hover svg{transform:translate(4px)}.medlem-login-required{text-align:center;padding:3rem 2rem}.medlem-login-required svg{color:var(--so-blue);margin-bottom:1.5rem}.medlem-login-required h3{font-size:1.5rem;color:var(--so-black);margin-bottom:.75rem}.medlem-login-required p{color:#666;margin-bottom:2rem}.medlem-login-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.medlem-login-btn,.medlem-signup-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.medlem-login-btn{background-color:var(--so-blue);color:var(--so-white)}.medlem-login-btn:hover{background-color:#082540}.medlem-signup-btn{background-color:transparent;color:var(--so-blue);border:2px solid var(--so-blue)}.medlem-signup-btn:hover{background-color:var(--so-blue);color:var(--so-white)}.medlem-form-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.medlem-form-loading p{color:#666}.medlem-user-info{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.medlem-user-info-item{display:flex;flex-direction:column;gap:.25rem}.medlem-user-info-label{font-size:.85rem;color:#666;font-weight:500}.medlem-user-info-value{font-size:1rem;color:var(--so-black);font-weight:500}.medlem-cta{padding:5rem 0;background-color:var(--so-white)}.medlem-cta-content{text-align:center;max-width:700px;margin:0 auto}.medlem-cta-title{font-size:2rem;font-weight:700;color:var(--so-blue);margin-bottom:1rem}.medlem-cta-description{font-size:1.1rem;color:#555;line-height:1.7;margin-bottom:1.5rem}.medlem-cta-note{font-size:1rem;color:var(--so-gray)}.medlem-cta-note a{color:var(--so-blue);text-decoration:none;font-weight:600}.medlem-cta-note a:hover{text-decoration:underline}@media(max-width:992px){.medlem-benefits-grid{grid-template-columns:repeat(2,1fr)}.medlem-form-grid{grid-template-columns:1fr;gap:1.5rem}.medlem-application-wrapper{padding:2rem}}@media(max-width:768px){.medlem-hero{padding:4rem 1.5rem}.medlem-hero-title{font-size:2.25rem}.medlem-hero-subtitle{font-size:1.1rem}.medlem-hero-button{padding:.9rem 1.75rem;font-size:1rem}.medlem-benefits{padding:4rem 0}.medlem-container{padding:0 1.5rem}.medlem-section-title{font-size:1.75rem}.medlem-section-subtitle{font-size:1rem}.medlem-benefits-grid{grid-template-columns:1fr;gap:1.5rem}.medlem-benefit-card{padding:1.75rem}.medlem-application{padding:4rem 0}.medlem-application-wrapper{padding:1.5rem;border-radius:12px}.medlem-cta{padding:4rem 0}.medlem-cta-title{font-size:1.75rem}.medlem-cta-description{font-size:1rem}}@media(max-width:480px){.medlem-hero{padding:3rem 1rem}.medlem-hero-title{font-size:1.85rem}.medlem-hero-subtitle{font-size:1rem;margin-bottom:2rem}.medlem-hero-button{width:100%;justify-content:center}.medlem-container{padding:0 1rem}.medlem-section-title{font-size:1.5rem}.medlem-benefit-icon{width:60px;height:60px}.medlem-benefit-icon svg{width:28px;height:28px}.medlem-benefit-title{font-size:1.15rem}.medlem-application-wrapper{padding:1.25rem}.medlem-form-section-title{font-size:1rem}.medlem-form-group input,.medlem-form-group select,.medlem-form-group textarea{padding:.75rem}.medlem-form-submit{width:100%;padding:1rem}.medlem-cta-title{font-size:1.5rem}}.medlem-status-page{min-height:100vh;padding:6rem 1.5rem 4rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.medlem-status-container{max-width:600px;margin:0 auto}.medlem-status-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.medlem-status-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}.medlem-status-loading p{margin-top:1rem;color:#64748b}.medlem-status-error{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.medlem-status-error svg{color:#ef4444;margin-bottom:1rem}.medlem-status-error h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.medlem-status-error p{color:#64748b;margin-bottom:1.5rem}.medlem-status-retry{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background .2s}.medlem-status-retry:hover{background:#1d4ed8}.medlem-status-none{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a}.medlem-status-none>svg{color:#94a3b8;margin-bottom:1.5rem}.medlem-status-none h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}.medlem-status-none p{color:#64748b;margin-bottom:1.5rem}.medlem-status-apply-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#0a2e4f,#1a4a7a);color:#fff;text-decoration:none;border-radius:.75rem;font-size:1.05rem;font-weight:600;line-height:1.2;transition:all .3s ease;box-shadow:0 4px 14px #0a2e4f40}.medlem-status-apply-btn:hover{background:linear-gradient(135deg,#082540,#0a2e4f);transform:translateY(-3px);box-shadow:0 6px 20px #0a2e4f59}.medlem-status-apply-btn svg{flex-shrink:0;width:20px;height:20px;transition:transform .3s ease;vertical-align:middle}.medlem-status-apply-btn:hover svg{transform:translate(4px)}.medlem-status-header{margin-bottom:1.5rem}.medlem-status-back{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-size:.875rem;margin-bottom:.75rem;transition:color .2s}.medlem-status-back:hover{color:#2563eb}.medlem-status-header h1{font-size:2rem;font-weight:700;color:#1e293b}.medlem-status-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;border-top:4px solid #94a3b8}.medlem-status-card.medlem-status-pending{border-top-color:#f59e0b}.medlem-status-card.medlem-status-approved{border-top-color:#22c55e}.medlem-status-card.medlem-status-rejected{border-top-color:#ef4444}.medlem-status-badge-wrapper{margin-bottom:1.5rem}.medlem-status-badge{display:inline-block;padding:.375rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-pending{background:#fef3c7;color:#92400e}.badge-approved{background:#dcfce7;color:#166534}.badge-rejected{background:#fee2e2;color:#991b1b}.medlem-status-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.medlem-status-pending .medlem-status-icon-wrapper svg{color:#f59e0b}.medlem-status-approved .medlem-status-icon-wrapper svg{color:#22c55e}.medlem-status-rejected .medlem-status-icon-wrapper svg{color:#ef4444}.medlem-status-details{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:.75rem;margin-bottom:1.5rem}.medlem-status-detail{display:flex;justify-content:space-between;align-items:flex-start}.medlem-status-detail.medlem-status-note{flex-direction:column;gap:.5rem}.medlem-status-label{font-size:.875rem;color:#64748b;font-weight:500}.medlem-status-value{font-size:.875rem;color:#1e293b;font-weight:500;text-align:right}.medlem-status-note .medlem-status-value{text-align:left;background:#fff;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;margin:0}.medlem-status-info{color:#64748b;font-size:.9375rem;line-height:1.6;text-align:center}.medlem-status-info a{color:#2563eb;text-decoration:none}.medlem-status-info a:hover{text-decoration:underline}@media(max-width:640px){.medlem-status-page{padding:5rem 1rem 3rem}.medlem-status-header h1{font-size:1.5rem}.medlem-status-card{padding:1.5rem}.medlem-status-icon-wrapper svg{width:60px;height:60px}}.kontakt-page{min-height:100vh}.kontakt-hero{background-color:var(--so-blue);padding:4rem 2rem;text-align:center}.kontakt-hero-content{max-width:800px;margin:0 auto}.kontakt-hero-title{font-size:3rem;font-weight:700;color:var(--so-white);margin-bottom:1rem}.kontakt-hero-subtitle{font-size:1.25rem;color:#ffffffe6;line-height:1.6}.kontakt-container{max-width:1000px;margin:0 auto;padding:0 2rem}.kontakt-main{padding:4rem 0}.kontakt-main-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}.kontakt-form-section{background-color:var(--so-white)}.kontakt-form-title{font-size:1.5rem;font-weight:700;color:var(--so-black);margin-bottom:1.5rem}.kontakt-form{display:flex;flex-direction:column;gap:1.25rem}.kontakt-form-group{display:flex;flex-direction:column;gap:.5rem}.kontakt-form-group label{font-weight:600;color:var(--so-black);font-size:.9rem}.kontakt-form-group input,.kontakt-form-group select,.kontakt-form-group textarea{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease;background-color:var(--so-white)}.kontakt-form-group input:focus,.kontakt-form-group select:focus,.kontakt-form-group textarea:focus{outline:none;border-color:var(--so-blue);box-shadow:0 0 0 3px #0a2e4f1a}.kontakt-form-group input:disabled,.kontakt-form-group select:disabled,.kontakt-form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.kontakt-form-group input::placeholder,.kontakt-form-group textarea::placeholder{color:var(--so-gray)}.kontakt-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.kontakt-form-group textarea{resize:vertical;min-height:120px}.kontakt-form-submit{padding:1rem 2rem;background-color:var(--so-blue);color:var(--so-white);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:.5rem}.kontakt-form-submit:hover:not(:disabled){background-color:#082540}.kontakt-form-submit:active:not(:disabled){transform:translateY(1px)}.kontakt-form-submit:disabled{opacity:.7;cursor:not-allowed}.kontakt-form-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:6px;color:#c62828;font-size:.95rem}.kontakt-form-error svg{flex-shrink:0}.kontakt-form-success{text-align:center;padding:3rem 2rem;background-color:#f8f9fa;border-radius:8px}.kontakt-form-success svg{color:#4caf50;margin-bottom:1.5rem}.kontakt-form-success h3{font-size:1.5rem;color:var(--so-black);margin-bottom:.5rem}.kontakt-form-success p{color:#555;margin-bottom:2rem}.kontakt-form-reset{padding:.75rem 1.5rem;background-color:transparent;color:var(--so-blue);border:2px solid var(--so-blue);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.kontakt-form-reset:hover{background-color:var(--so-blue);color:var(--so-white)}.kontakt-info-section{display:flex;flex-direction:column;gap:1.5rem}.kontakt-categories{display:flex;flex-direction:column;gap:1rem}.kontakt-category-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;transition:background-color .3s ease}.kontakt-category-item:hover{background-color:#f0f1f2}.kontakt-category-icon{width:36px;height:36px;background-color:var(--so-blue);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--so-white);flex-shrink:0}.kontakt-category-content h4{font-size:.95rem;font-weight:700;color:var(--so-black);margin:0 0 .25rem}.kontakt-category-content a{font-size:.9rem;color:var(--so-blue);text-decoration:none;transition:opacity .3s ease}.kontakt-category-content a:hover{opacity:.7}.kontakt-info-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#f8f9fa;border-radius:8px}.kontakt-info-icon{width:36px;height:36px;background-color:var(--so-blue);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--so-white);flex-shrink:0}.kontakt-info-content p{font-size:.9rem;color:#555;margin:0;line-height:1.4}.kontakt-social-section{padding-top:.5rem}.kontakt-social-section h4{font-size:.9rem;font-weight:600;color:var(--so-black);margin-bottom:.75rem}.kontakt-social-links{display:flex;gap:.75rem}.kontakt-social-link{width:40px;height:40px;background-color:var(--so-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--so-white);transition:all .3s ease}.kontakt-social-link:hover{background-color:#082540;transform:translateY(-2px)}.kontakt-faq-link{padding:1rem;background-color:#f8f9fa;border-radius:8px;text-align:center}.kontakt-faq-link a{font-size:.95rem;font-weight:600;color:var(--so-blue);text-decoration:none;transition:opacity .3s ease}.kontakt-faq-link a:hover{opacity:.7}@media(max-width:868px){.kontakt-main-grid{grid-template-columns:1fr;gap:2.5rem}.kontakt-info-section{order:-1}}@media(max-width:768px){.kontakt-hero{padding:3rem 1.5rem}.kontakt-hero-title{font-size:2.25rem}.kontakt-hero-subtitle{font-size:1.1rem}.kontakt-container{padding:0 1.5rem}.kontakt-main{padding:3rem 0}.kontakt-form-title{font-size:1.35rem}}@media(max-width:480px){.kontakt-hero{padding:2.5rem 1rem}.kontakt-hero-title{font-size:2rem}.kontakt-container{padding:0 1rem}.kontakt-form-group input,.kontakt-form-group select,.kontakt-form-group textarea{padding:.75rem}.kontakt-category-item,.kontakt-info-item{padding:.875rem}.kontakt-social-link{width:38px;height:38px}}.auth-page{min-height:calc(100vh - 200px);display:flex;justify-content:center;align-items:center;padding:5rem 1rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-container{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:420px}.auth-container h1{margin:0 0 .5rem;color:#1a1a2e;font-size:1.75rem;text-align:center}.auth-subtitle{color:#666;text-align:center;margin-bottom:1.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#333;font-size:.9rem}.form-group input{padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group input::placeholder{color:#aaa}.btn-primary{background:#06c;color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.btn-primary:hover:not(:disabled){background:#0052a3}.btn-primary:disabled{background:#99c2e8;cursor:not-allowed}.error-message{background:#fee;color:#c00;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid #fcc}.success-message{background:#efe;color:#060;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid #cfc}.auth-footer{margin-top:1.5rem;text-align:center;color:#666}.auth-footer a{color:#06c;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #eee;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-top:.15rem}.checkbox-group label{font-weight:400;font-size:.9rem;line-height:1.4}.forgot-password-link{text-align:right;margin-top:.25rem}.forgot-password-link a{color:#6b7280;font-size:.8125rem;text-decoration:none}.forgot-password-link a:hover{color:#06c;text-decoration:underline}.success-icon,.error-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-hint{color:#9ca3af;font-size:.8125rem;text-align:center;margin-top:1rem}.clerk-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:transparent;box-shadow:none;padding:1rem}.clerk-root-box{width:100%;max-width:400px}.clerk-card{box-shadow:0 4px 20px #0000001a;border:none}.clerk-button-primary{background-color:#06c!important}.clerk-button-primary:hover{background-color:#0052a3!important}@media(max-width:480px){.auth-container{padding:1.5rem}.form-row{grid-template-columns:1fr}.clerk-container{padding:.5rem}}.profil-page{min-height:calc(100vh - 80px);padding:5rem 1rem 2rem;background:#f8f9fa}.profil-container{max-width:600px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.profil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.profil-header h1{font-size:1.75rem;font-weight:600;color:#0a2e4f;margin:0}.btn-edit{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #0066cc;color:#06c;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.btn-edit:hover{background:#06c;color:#fff}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.success-message{background:#dcfce7;color:#16a34a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.profil-info{display:flex;flex-direction:column;gap:1.25rem}.profil-field{display:flex;flex-direction:column;gap:.25rem}.profil-field label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.profil-field p{font-size:1rem;color:#1f2937;margin:0}.role-badge{display:inline-block;padding:.25rem .75rem;background:#e0e7ff;color:#3730a3;border-radius:9999px;font-size:.875rem;font-weight:500;width:fit-content}.profil-form{display:flex;flex-direction:column;gap:1.25rem}.profil-form input[type=text],.profil-form input[type=email],.profil-form input[type=tel]{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.profil-form input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.profil-form input.disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.field-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.profil-checkbox{display:flex;align-items:flex-start;gap:.75rem}.profil-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.125rem;cursor:pointer}.profil-checkbox label{font-size:.9375rem;color:#374151;cursor:pointer}.profil-actions{display:flex;gap:.75rem;margin-top:.5rem}.btn-cancel{flex:1;padding:.75rem 1rem;background:transparent;border:1px solid #d1d5db;color:#374151;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#f3f4f6}.btn-save{flex:1;padding:.75rem 1rem;background:#06c;border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease}.btn-save:hover:not(:disabled){background:#0052a3}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profil-links{margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.profil-link{display:inline-flex;align-items:center;gap:.5rem;color:#06c;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s ease}.profil-link:hover{color:#0052a3;text-decoration:underline}.profil-link svg{flex-shrink:0}@media(max-width:640px){.profil-container{padding:1.5rem}.profil-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-edit{width:100%;justify-content:center}.profil-actions{flex-direction:column}}.admin-layout{display:flex;min-height:100vh;background-color:#f5f6fa}.admin-sidebar{width:260px;background-color:var(--so-blue);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100}.admin-sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-title{font-size:1.5rem;font-weight:700;margin:0}.admin-sidebar-subtitle{font-size:.85rem;opacity:.7}.admin-nav{flex:1;padding:1rem 0;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:#fffc;text-decoration:none;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.admin-nav-item:hover{background-color:#ffffff1a;color:#fff}.admin-nav-item.active{background-color:#ffffff26;color:#fff;border-left-color:#fff}.admin-nav-item svg{flex-shrink:0}.admin-sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.admin-back-link{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s ease}.admin-back-link:hover{color:#fff}.admin-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh}@media(max-width:900px){.admin-sidebar{width:220px}.admin-main{margin-left:220px;padding:1.5rem}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{position:relative;width:100%;height:auto}.admin-sidebar-header{display:flex;justify-content:space-between;align-items:center}.admin-nav{display:flex;flex-wrap:wrap;padding:.5rem;gap:.25rem}.admin-nav-item{padding:.625rem .875rem;border-left:none;border-radius:6px;font-size:.85rem}.admin-nav-item.active{background-color:#fff3;border-left:none}.admin-nav-item span,.admin-sidebar-footer{display:none}.admin-main{margin-left:0;padding:1rem}}.dashboard{max-width:1200px;margin:0 auto}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--so-gray)}.dashboard-error button{padding:.5rem 1rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:700;color:var(--so-black);margin:0 0 .5rem}.dashboard-subtitle{color:var(--so-gray);margin:0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2.5rem}.dashboard-stat-card{background-color:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s ease;position:relative}.dashboard-stat-card:hover{box-shadow:0 4px 12px #0000001a}.dashboard-stat-card-highlight{border:2px solid #ff9800}.dashboard-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-stat-icon-users{background-color:#e3f2fd;color:#1976d2}.dashboard-stat-icon-members{background-color:#e8f5e9;color:#388e3c}.dashboard-stat-icon-admin{background-color:#f3e5f5;color:#7b1fa2}.dashboard-stat-icon-pending{background-color:#fff3e0;color:#f57c00}.dashboard-stat-icon-events{background-color:#e0f7fa;color:#00838f}.dashboard-stat-icon-registrations{background-color:#fce4ec;color:#c2185b}.dashboard-stat-icon-messages{background-color:#ede7f6;color:#512da8}.dashboard-stat-content{display:flex;flex-direction:column;gap:.25rem}.dashboard-stat-value{font-size:2rem;font-weight:700;color:var(--so-black);line-height:1}.dashboard-stat-label{font-size:.9rem;color:var(--so-gray)}.dashboard-stat-link{position:absolute;bottom:1rem;right:1rem;font-size:.85rem;color:var(--so-blue);text-decoration:none;font-weight:500}.dashboard-stat-link:hover{text-decoration:underline}.dashboard-section{margin-bottom:2rem}.dashboard-section-title{font-size:1.25rem;font-weight:600;color:var(--so-black);margin:0 0 1rem}.dashboard-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard-action-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem;background-color:#fff;border-radius:10px;text-decoration:none;color:var(--so-black);font-weight:500;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.dashboard-action-card:hover{background-color:var(--so-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-action-card svg{flex-shrink:0}.dashboard-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fff3e0;border:1px solid #ffcc80;border-radius:8px;font-size:.9rem;color:#e65100;margin-top:2rem}.dashboard-notice svg{flex-shrink:0;margin-top:.1rem}@media(max-width:768px){.dashboard-title{font-size:1.5rem}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-stat-card{padding:1.25rem}.dashboard-stat-value{font-size:1.75rem}.dashboard-quick-actions{grid-template-columns:1fr}}.soknader{max-width:900px;margin:0 auto}.soknader-loading,.soknader-error,.soknader-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--so-gray);text-align:center}.soknader-error button{padding:.5rem 1rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.soknader-header{margin-bottom:1.5rem}.soknader-title{font-size:2rem;font-weight:700;color:var(--so-black);margin:0 0 .5rem}.soknader-subtitle{color:var(--so-gray);margin:0}.soknader-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.soknader-filter-btn{padding:.5rem 1rem;border:2px solid #e0e0e0;background-color:#fff;color:var(--so-gray);font-weight:500;border-radius:20px;cursor:pointer;transition:all .2s ease}.soknader-filter-btn:hover{border-color:var(--so-blue);color:var(--so-blue)}.soknader-filter-btn.active{background-color:var(--so-blue);border-color:var(--so-blue);color:#fff}.soknader-list{display:flex;flex-direction:column;gap:1rem}.soknader-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.soknader-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #f0f0f0}.soknader-applicant{display:flex;flex-direction:column;gap:.25rem}.soknader-applicant-name{font-size:1.1rem;font-weight:600;color:var(--so-black);margin:0}.soknader-applicant-email{font-size:.9rem;color:var(--so-gray)}.soknader-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.soknader-badge-pending{background-color:#fff3e0;color:#e65100}.soknader-badge-approved{background-color:#e8f5e9;color:#2e7d32}.soknader-badge-rejected{background-color:#ffebee;color:#c62828}.soknader-card-content{padding:1.5rem}.soknader-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.soknader-info-item{display:flex;flex-direction:column;gap:.25rem}.soknader-info-label{font-size:.8rem;font-weight:600;color:var(--so-gray);text-transform:uppercase;letter-spacing:.5px}.soknader-info-value{font-size:.95rem;color:var(--so-black)}.soknader-motivation{margin-bottom:1rem}.soknader-motivation-text{font-size:.95rem;color:#555;line-height:1.6;margin:.5rem 0 0;padding:1rem;background-color:#f8f9fa;border-radius:8px}.soknader-review-info{padding-top:1rem;border-top:1px solid #f0f0f0}.soknader-review-date{font-size:.9rem;color:#555;margin:.25rem 0}.soknader-review-note{font-size:.9rem;color:var(--so-gray);font-style:italic;margin:.5rem 0 0}.soknader-card-actions{padding:1rem 1.5rem;background-color:#f8f9fa;border-top:1px solid #f0f0f0}.soknader-review-note-input{margin-bottom:.75rem}.soknader-review-note-input input{width:100%;padding:.625rem .875rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-family:inherit}.soknader-review-note-input input:focus{outline:none;border-color:var(--so-blue)}.soknader-action-buttons{display:flex;gap:.75rem}.soknader-btn{display:flex;align-items:center;gap:.4rem;padding:.625rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.soknader-btn:disabled{opacity:.6;cursor:not-allowed}.soknader-btn-approve{background-color:#4caf50;color:#fff}.soknader-btn-approve:hover:not(:disabled){background-color:#388e3c}.soknader-btn-reject{background-color:#fff;color:#c62828;border:1px solid #ef9a9a}.soknader-btn-reject:hover:not(:disabled){background-color:#ffebee}@media(max-width:768px){.soknader-title{font-size:1.5rem}.soknader-card-header{flex-direction:column;gap:.75rem}.soknader-card-content,.soknader-card-actions{padding:1rem}.soknader-action-buttons{flex-direction:column}.soknader-btn{justify-content:center}}.brukere{max-width:1100px;margin:0 auto}.brukere-loading,.brukere-error,.brukere-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--so-gray)}.brukere-error button{padding:.5rem 1rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.brukere-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.brukere-title{font-size:2rem;font-weight:700;color:var(--so-black);margin:0 0 .5rem}.brukere-subtitle{color:var(--so-gray);margin:0}.brukere-stats{display:flex;gap:1rem}.brukere-stat{padding:.5rem 1rem;background-color:#fff;border-radius:8px;font-size:.9rem;color:var(--so-gray);box-shadow:0 1px 3px #0000001a}.brukere-stat strong{color:var(--so-black)}.brukere-table-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.brukere-table{width:100%;border-collapse:collapse;min-width:700px}.brukere-table th,.brukere-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.brukere-table th{background-color:#f8f9fa;font-size:.8rem;font-weight:600;color:var(--so-gray);text-transform:uppercase;letter-spacing:.5px}.brukere-table tbody tr:hover{background-color:#fafafa}.brukere-table tbody tr:last-child td{border-bottom:none}.brukere-user-cell{display:flex;align-items:center;gap:.75rem}.brukere-avatar{width:36px;height:36px;background-color:var(--so-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.brukere-name{font-weight:500;color:var(--so-black)}.brukere-contact{display:flex;flex-direction:column;gap:.25rem}.brukere-email{font-size:.9rem;color:var(--so-black)}.brukere-phone{font-size:.85rem;color:var(--so-gray)}.brukere-role-select{padding:.4rem 1.5rem .4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.brukere-role-select:disabled{opacity:.6;cursor:not-allowed}.brukere-role-user{background-color:#f0f0f0;color:#666}.brukere-role-member{background-color:#e8f5e9;color:#2e7d32}.brukere-role-admin{background-color:#e3f2fd;color:#1565c0}.brukere-date{font-size:.9rem;color:var(--so-gray)}.brukere-newsletter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#ffebee;color:#c62828}.brukere-newsletter.active{background-color:#e8f5e9;color:#2e7d32}@media(max-width:768px){.brukere-header{flex-direction:column}.brukere-title{font-size:1.5rem}.brukere-table th,.brukere-table td{padding:.75rem}.brukere-avatar{width:32px;height:32px;font-size:.8rem}}.admin-arr{max-width:1200px;margin:0 auto}.admin-arr-loading,.admin-arr-error,.admin-arr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--so-gray)}.admin-arr-error button,.admin-arr-empty button{padding:.5rem 1rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.admin-arr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-arr-title{font-size:2rem;font-weight:700;color:var(--so-black);margin:0 0 .5rem}.admin-arr-subtitle{color:var(--so-gray);margin:0}.admin-arr-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .2s}.admin-arr-create-btn:hover{background-color:#082540}.admin-arr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.admin-arr-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.admin-arr-card:hover{box-shadow:0 4px 12px #0000001a}.admin-arr-card.past{opacity:.7}.admin-arr-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #f0f0f0}.admin-arr-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--so-blue);color:#fff;border-radius:8px}.admin-arr-date-day{font-size:1.25rem;font-weight:700;line-height:1}.admin-arr-date-month{font-size:.7rem;text-transform:uppercase;font-weight:500}.admin-arr-card-actions{display:flex;gap:.5rem}.admin-arr-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;color:var(--so-gray);transition:all .2s}.admin-arr-action-btn:hover{background-color:var(--so-blue);border-color:var(--so-blue);color:#fff}.admin-arr-action-btn.delete:hover{background-color:#c62828;border-color:#c62828}.admin-arr-card-content{padding:1.25rem}.admin-arr-card-title{font-size:1.1rem;font-weight:600;color:var(--so-black);margin:0 0 .5rem}.admin-arr-card-desc{font-size:.9rem;color:var(--so-gray);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-arr-card-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.admin-arr-meta-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--so-gray)}.admin-arr-meta-item svg{color:var(--so-blue)}.admin-arr-card-badges{display:flex;flex-wrap:wrap;gap:.5rem}.admin-arr-badge{padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.admin-arr-badge.member-only{background-color:#fff3e0;color:#e65100}.admin-arr-badge.past{background-color:#f0f0f0;color:#666}.admin-arr-badge.registrations{background-color:#e3f2fd;color:#1565c0}.admin-arr-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.admin-arr-modal{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.admin-arr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0}.admin-arr-modal-header h2{margin:0;font-size:1.25rem;color:var(--so-black)}.admin-arr-modal-close{background:none;border:none;cursor:pointer;color:var(--so-gray);padding:0}.admin-arr-modal-close:hover{color:var(--so-black)}.admin-arr-form{padding:1.5rem}.admin-arr-form-group{margin-bottom:1.25rem}.admin-arr-form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--so-black);margin-bottom:.5rem}.admin-arr-form-group input,.admin-arr-form-group textarea{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;font-family:inherit;transition:border-color .2s}.admin-arr-form-group input:focus,.admin-arr-form-group textarea:focus{outline:none;border-color:var(--so-blue)}.admin-arr-form-group textarea{resize:vertical;min-height:100px}.admin-arr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-arr-form-group.checkbox label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.admin-arr-form-group.checkbox input{width:auto}.admin-arr-form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.admin-arr-btn-cancel{padding:.75rem 1.5rem;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;cursor:pointer;color:var(--so-gray)}.admin-arr-btn-cancel:hover{background-color:#f8f9fa}.admin-arr-btn-submit{padding:.75rem 1.5rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer}.admin-arr-btn-submit:hover{background-color:#082540}.admin-arr-btn-submit:disabled{opacity:.6;cursor:not-allowed}.admin-arr-file-input{padding:.5rem;border:2px dashed #e0e0e0;border-radius:6px;cursor:pointer;transition:border-color .2s}.admin-arr-file-input:hover{border-color:var(--so-blue)}.admin-arr-file-input:disabled{opacity:.5;cursor:not-allowed}.admin-arr-file-hint{display:block;font-size:.8rem;color:var(--so-gray);margin-top:.35rem}.admin-arr-uploading{display:block;font-size:.85rem;color:var(--so-blue);margin-top:.5rem}.admin-arr-image-preview{margin-top:.75rem;position:relative;display:inline-block}.admin-arr-image-preview img{max-width:100%;max-height:200px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.admin-arr-remove-image{display:flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem;background-color:#fee;color:#c00;border:1px solid #fcc;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.admin-arr-remove-image:hover{background-color:#c62828;color:#fff;border-color:#c62828}.admin-arr-remove-image svg{flex-shrink:0}.admin-arr-badge.clickable{cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;border:none;font-family:inherit;transition:all .2s}.admin-arr-badge.clickable:hover{background-color:#1565c0;color:#fff}.admin-arr-modal-wide{max-width:900px}.admin-arr-registrations-content{padding:1.5rem}.admin-arr-registrations-loading,.admin-arr-registrations-empty{text-align:center;padding:2rem;color:var(--so-gray)}.admin-arr-registrations-summary{display:flex;gap:1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.admin-arr-registrations-summary span{font-size:.95rem;color:var(--so-gray)}.admin-arr-registrations-summary span strong{color:var(--so-black)}.admin-arr-registrations-summary span.cancelled{color:#999}.admin-arr-registrations-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-arr-registrations-table th,.admin-arr-registrations-table td{padding:.75rem;text-align:left;border-bottom:1px solid #f0f0f0}.admin-arr-registrations-table th{font-weight:600;color:var(--so-gray);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.admin-arr-registrations-table tbody tr:hover{background-color:#f8f9fa}.admin-arr-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.admin-arr-status-badge.registered{background-color:#e8f5e9;color:#2e7d32}.admin-arr-status-badge.waitlist{background-color:#fff3e0;color:#e65100}.admin-arr-status-badge.cancelled{background-color:#f0f0f0;color:#666}@media(max-width:768px){.admin-arr-header{flex-direction:column}.admin-arr-title{font-size:1.5rem}.admin-arr-create-btn{width:100%;justify-content:center}.admin-arr-grid,.admin-arr-form-row{grid-template-columns:1fr}}.meldinger{max-width:1200px;margin:0 auto}.meldinger-loading,.meldinger-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--so-gray)}.meldinger-error button{padding:.5rem 1rem;background-color:var(--so-blue);color:#fff;border:none;border-radius:6px;cursor:pointer}.meldinger-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.meldinger-title{font-size:2rem;font-weight:700;color:var(--so-black);margin:0 0 .5rem}.meldinger-subtitle{color:var(--so-gray);margin:0}.meldinger-stats{display:flex;gap:1rem}.meldinger-stat{padding:.5rem 1rem;background-color:#fff;border-radius:8px;font-size:.9rem;color:var(--so-gray);box-shadow:0 1px 3px #0000001a}.meldinger-stat strong{color:var(--so-black)}.meldinger-layout{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;min-height:500px}.meldinger-list-container{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.meldinger-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--so-gray);gap:1rem}.meldinger-list{list-style:none;margin:0;padding:0;max-height:600px;overflow-y:auto}.meldinger-item{padding:1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;position:relative}.meldinger-item:hover{background-color:#f8f9fa}.meldinger-item.selected{background-color:#e3f2fd;border-left:3px solid var(--so-blue)}.meldinger-item.unread{background-color:#fff}.meldinger-item.unread:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--so-blue);border-radius:50%}.meldinger-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.meldinger-item-name{font-weight:600;color:var(--so-black);font-size:.95rem}.meldinger-item-date{font-size:.8rem;color:var(--so-gray)}.meldinger-item-subject{font-size:.85rem;color:var(--so-blue);margin-bottom:.35rem;font-weight:500}.meldinger-item-preview{font-size:.85rem;color:var(--so-gray);line-height:1.4;margin-bottom:.5rem}.meldinger-item-status{display:inline-block;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.meldinger-item-status.pending{background-color:#fff3e0;color:#e65100}.meldinger-item-status.sent{background-color:#e8f5e9;color:#2e7d32}.meldinger-item-status.failed{background-color:#ffebee;color:#c62828}.meldinger-detail-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.meldinger-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--so-gray);gap:1rem}.meldinger-detail{padding:1.5rem}.meldinger-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.meldinger-detail-sender{display:flex;align-items:center;gap:1rem}.meldinger-detail-avatar{width:48px;height:48px;background-color:var(--so-blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.meldinger-detail-info h3{margin:0 0 .25rem;font-size:1.1rem;color:var(--so-black)}.meldinger-detail-info a{color:var(--so-blue);text-decoration:none;font-size:.9rem}.meldinger-detail-info a:hover{text-decoration:underline}.meldinger-detail-date{font-size:.85rem;color:var(--so-gray)}.meldinger-detail-subject{margin-bottom:1.5rem;font-size:.95rem}.meldinger-detail-label{font-weight:600;color:var(--so-gray);margin-right:.5rem}.meldinger-detail-body{font-size:1rem;line-height:1.7;color:var(--so-black);white-space:pre-wrap;margin-bottom:2rem}.meldinger-detail-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid #f0f0f0;margin-top:1.5rem;flex-wrap:wrap}.meldinger-reply-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--so-blue);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:.95rem;transition:background-color .2s}.meldinger-reply-btn:hover{background-color:#082540}.meldinger-mark-unread-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background-color:transparent;color:var(--so-gray);border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.meldinger-mark-unread-btn:hover:not(:disabled){background-color:#f5f5f5;border-color:var(--so-gray)}.meldinger-mark-unread-btn:disabled{opacity:.5;cursor:not-allowed}.meldinger-item-status.replied{background-color:#e3f2fd;color:#1976d2}.meldinger-item-status.archived{background-color:#f5f5f5;color:#757575}@media(max-width:900px){.meldinger-layout{grid-template-columns:1fr}.meldinger-list-container{max-height:400px;overflow-y:auto}.meldinger-list{max-height:none}}@media(max-width:768px){.meldinger-header{flex-direction:column}.meldinger-title{font-size:1.5rem}.meldinger-detail{padding:1rem}.meldinger-detail-header{flex-direction:column;gap:1rem}}