:root{--light-background-color:#f0f0f0;--light-background-color-trans-75:#f0f0f0bf;--middle-background-color:#e1e1e1;--middle-background-color-2:#646464;--dark-background-color:#2c2c5a;--hover-background-color:#525589;--alarm-color:#b71c1c;--success-color:#28a745;--white:#ecf0f1;--black:#000;--border-1:1px solid;--border-2:2px solid;--border-radius-05:0.5rem;--border-radius-0625:0.625rem;--border-radius-1:1rem;--border-radius-125:1.25rem;--box-shadow-10:0rem 0.25rem 0.5rem #0000001a;--box-shadow-15:0rem 0.25rem 0.5rem #00000026;--box-shadow-25:0rem 0.25rem 0.5rem #00000040;--box-shadow-50:0rem 0.5rem 2rem #00000080;--transition:0.5s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e1e1e1;background-color:var(--middle-background-color);font-family:inherit;height:100vh;margin:0;width:100%}button,input,textarea{font-family:inherit;font-size:inherit;margin:0;padding:0}textarea{min-height:6rem;resize:vertical}.overflow-auto{overflow-y:auto;padding-right:.5rem}.invisible{display:none}.opacity-0{opacity:0}.opacity-0,.opacity-1{transition:opacity .5s ease;transition:opacity var(--transition)}.opacity-1{opacity:1}h1{color:#2c2c5a;color:var(--dark-background-color)}h1,h2{font-size:1.5rem;font-weight:700;margin:0}h2{color:#ecf0f1;color:var(--white)}h3{font-size:1.25rem}h3,h4{color:#2c2c5a;color:var(--dark-background-color);font-weight:700;margin:0}h4{font-size:1rem}.full-page-layout{background-color:#e1e1e1;background-color:var(--middle-background-color);height:100vh}.flex{display:flex}.flex-1{flex:1 1}.flex-c{flex-direction:column}.flex-c,.flex-r{display:flex;width:100%}.flex-r{flex-direction:row}.flex-center{align-items:center;display:flex;justify-content:center}.flex-space-between{justify-content:space-between}.flex-end,.flex-space-between{align-items:center;display:flex}.flex-end{justify-content:flex-end}.w-100{width:100%}.w-75{width:75%}.gap-1{gap:1rem}.gap-2{gap:2rem}.m-l-1{margin-left:1rem}.overlay{align-items:center;background-color:#00000080;color:#ecf0f1;color:var(--white);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-logo{width:15rem;z-index:1000}.popup-content{background-color:#2c2c5a;background-color:var(--dark-background-color);border-radius:1rem;border-radius:var(--border-radius-1);padding:2rem}.notification,.popup-content{box-shadow:0 .25rem .5rem #00000026;box-shadow:var(--box-shadow-15)}.notification{animation:slideInOut 5s ease-in-out;font-weight:700;left:50%;padding:1rem 2rem;position:fixed;text-align:center;top:0;transform:translateX(-50%);width:100%;z-index:1000}@keyframes slideInOut{0%,to{transform:translateX(-50%) translateY(-100%)}10%,90%{transform:translateX(-50%) translateY(0)}}.notification.success{background-color:#28a745;background-color:var(--success-color);color:#ecf0f1;color:var(--white)}.notification.error{background-color:#b71c1c;background-color:var(--alarm-color);color:#ecf0f1;color:var(--white)}.input-field{background:#ecf0f1;background:var(--white);border:1px solid;border:var(--border-1);border-color:#e1e1e1;border-color:var(--middle-background-color);border-radius:.625rem;border-radius:var(--border-radius-0625);font-size:.875rem;min-height:2.5rem;overflow:hidden;padding:.675rem}.input-field:focus,.input-field:hover{background:#e1e1e1;background:var(--middle-background-color)}.input-field:focus{outline:none}.dropdown-field{color:#646464;color:var(--middle-background-color-2);cursor:pointer;padding-right:1.5rem;width:100%}.dropdown-content-container{font-size:.875rem;position:relative;width:fit-content}.dropdown-content{background-color:#ecf0f1;background-color:var(--white);border:1px solid;border:var(--border-1);border-color:#e1e1e1;border-color:var(--middle-background-color);border-radius:.625rem;border-radius:var(--border-radius-0625);left:0;position:absolute;right:0;top:100%;z-index:99}.dropdown-content div{cursor:pointer;padding:.5rem}.dropdown-content div:hover{background-color:#e1e1e1;background-color:var(--middle-background-color)}.select-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.dropdown-content-container.active .select-arrow{transform:translateY(-50%) rotate(180deg)}.btn-style-1,.btn-style-2,.btn-style-3,.btn-style-alarm{border:none;border-radius:.625rem;border-radius:var(--border-radius-0625);cursor:pointer;display:inline-block;font-weight:700;padding:1rem;text-align:center;text-decoration:none;transition:background .5s ease;transition:background var(--transition);width:100%}.btn-style-1:hover,.btn-style-2:hover,.btn-style-3:hover,.btn-style-alarm:hover{box-shadow:0 .25rem .5rem #00000026;box-shadow:var(--box-shadow-15);transform:translateY(-.1rem)}.btn-style-1{background:#2c2c5a;background:var(--dark-background-color);color:#ecf0f1;color:var(--white)}.btn-style-1:hover,.btn-style-2{background:#525589;background:var(--hover-background-color)}.btn-style-2{color:#ecf0f1;color:var(--white)}.btn-style-2:hover{background:#e1e1e1;background:var(--middle-background-color)}.btn-style-2:hover,.btn-style-3{color:#2c2c5a;color:var(--dark-background-color)}.btn-style-3{background:#ecf0f1;background:var(--white)}.btn-style-3:hover{background:#28a745;background:var(--success-color);color:#ecf0f1;color:var(--white)}.btn-style-alarm{background:#525589;background:var(--hover-background-color);color:#ecf0f1;color:var(--white)}.btn-style-alarm:hover{background:#b71c1c;background:var(--alarm-color)}.btn-cut{display:inline-block;width:15rem}.text-button-style-1{color:#ecf0f1;color:var(--white);text-decoration:none}.text-button-style-1:hover{color:#ecf0f1;color:var(--white);text-decoration:underline}.fa-icon{color:#ecf0f1;color:var(--white)}.fa-icon,.fa-icon-ia{align-items:center;display:flex;filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.1));font-size:1.5rem;justify-content:center}.fa-icon-ia{color:#2c2c5a;color:var(--dark-background-color)}.fa-icon-ia:hover{color:#525589;color:var(--hover-background-color);cursor:pointer;filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.25));transform:translateY(-.1rem)}.fa-icon-ia:active{box-shadow:none;transform:translateY(.1rem)}@media (max-width:1024px){.disable-mid-screen{display:none}}@media (max-width:768px){:root{font-size:14px}.disable-small-screen{display:none}}.loading-screen-overlay{align-items:center;animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-screen-container{flex-direction:column;gap:2rem;max-width:500px;padding:3rem;width:90%}.loading-logo-container,.loading-screen-container{align-items:center;display:flex;justify-content:center;position:relative}.loading-logo-container{animation:logoEntrance .8s cubic-bezier(.34,1.56,.64,1);height:200px;width:200px}@keyframes logoEntrance{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.loading-logo{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));height:auto;object-fit:contain;position:relative;width:100%;z-index:2}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.loading-logo-glow{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d 0,#fff0 70%);border-radius:50%;height:220px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px;z-index:1}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.loading-spinner-container{animation:spinnerEntrance .6s ease-out .3s backwards;height:80px;position:relative;width:80px}@keyframes spinnerEntrance{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.loading-spinner{height:100%;position:relative;width:100%}.spinner-ring{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#fffc;height:100%;position:absolute;width:100%}.spinner-ring:nth-child(2){animation-delay:-.5s;border-top-color:#fff9;height:70%;left:15%;top:15%;width:70%}.spinner-ring:nth-child(3){animation-delay:-1s;border-top-color:#fff6;height:40%;left:30%;top:30%;width:40%}.loading-text-container{align-items:center;animation:textEntrance .6s ease-out .5s backwards;display:flex;flex-direction:column;gap:.5rem}@keyframes textEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 10px #0003}.loading-dots{align-items:center;display:flex;gap:.5rem;height:20px;justify-content:center}.dot{animation:dotBounce 1.4s ease-in-out infinite;background-color:#fffc;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-progress-container{animation:progressEntrance .6s ease-out .7s backwards;display:flex;flex-direction:column;gap:.5rem;max-width:300px;width:100%}@keyframes progressEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-progress-bar{background-color:#fff3;border-radius:10px;box-shadow:0 2px 10px #0000001a;height:6px;overflow:hidden;width:100%}.loading-progress-fill{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#fffc,#fff 50%,#fffc);border-radius:10px;box-shadow:0 0 10px #ffffff80;height:100%;transition:width .3s ease}@keyframes progressShimmer{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.loading-progress-text{color:#ffffffe6;font-size:.875rem;font-weight:500;text-align:right;text-shadow:0 1px 3px #0003}.loading-background-animation{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.bg-circle{animation:floatCircle 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#fff0 70%);border-radius:50%;position:absolute}.circle-1{animation-delay:0s;height:400px;left:-100px;top:-100px;width:400px}.circle-2{animation-delay:-7s;bottom:-50px;height:300px;right:-50px;width:300px}.circle-3{animation-delay:-14s;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);width:500px}@keyframes floatCircle{0%,to{opacity:.3;transform:translate(0) scale(1)}33%{opacity:.5;transform:translate(30px,-30px) scale(1.1)}66%{opacity:.4;transform:translate(-20px,20px) scale(.9)}}@media (max-width:768px){.loading-logo-container{height:150px;width:150px}.loading-logo-glow{height:170px;width:170px}.loading-title{font-size:1.25rem}.loading-spinner-container{height:60px;width:60px}.loading-progress-container{max-width:250px}}@media (max-width:480px){.loading-screen-container{padding:2rem}.loading-logo-container{height:120px;width:120px}.loading-logo-glow{height:140px;width:140px}.loading-title{font-size:1.1rem}.loading-spinner-container{height:50px;width:50px}}@media (prefers-color-scheme:dark){.loading-screen-overlay{background:linear-gradient(135deg,#1a1a2e,#16213e)}}.third-party-signin-button{background:var(--white);border-radius:1.25rem;height:2.5rem;transition:transform var(--transition);width:2.5rem}.third-party-signin-button:hover{box-shadow:var(--box-shadow-50);transform:scale(1.2)}.full-page-layout{background:linear-gradient(135deg,#f0f2f8,#e6e9f2);display:flex;flex-direction:column;min-height:100vh;width:100%}.footer{margin:auto calc(-50vw + 50%) 0;width:100vw}.popup-logo{height:auto;margin-bottom:1rem;width:240px}.popup-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #2b2b5b1a;max-width:480px;padding:3rem;width:100%}.popup-content h2{color:#2b2b5b;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.input-field{border:2px solid #e6e9f2;border-radius:8px;color:#2b2b5b;font-size:1rem;outline:none;padding:1rem;transition:border-color .2s ease;width:100%}.input-field:focus{border-color:#2b2b5b}.input-field::placeholder{color:#4a5568}.error-message{color:#e53e3e;font-size:.9rem;margin-top:.25rem}.btn-style-2{background:#2b2b5b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-style-2:hover{box-shadow:0 4px 12px #2b2b5b33;transform:translateY(-2px)}.text-button-style-1{background:none;border:none;color:#2b2b5b;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;text-decoration:underline;transition:color .2s ease}.text-button-style-1:hover{color:#1a1a3f}.third-party-signin-section{margin:2rem 0;position:relative;text-align:center}.third-party-signin-section:after,.third-party-signin-section:before{background:#e6e9f2;content:"";height:1px;position:absolute;top:50%;width:45%}.third-party-signin-section:before{left:0}.third-party-signin-section:after{right:0}.third-party-signin-button{background:#fff;border:2px solid #e6e9f2;border-radius:8px;cursor:pointer;height:40px;padding:8px;transition:transform .2s ease,box-shadow .2s ease;width:40px}.third-party-signin-button:hover{box-shadow:0 4px 12px #2b2b5b1a;transform:translateY(-2px)}.btn-style-3{background:#fff;border:2px solid #2b2b5b;border-radius:8px;color:#2b2b5b;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;padding:1rem;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-style-3:hover{box-shadow:0 4px 12px #2b2b5b1a;transform:translateY(-2px)}@media (max-width:768px){.full-page-layout{padding:1rem}.popup-content{padding:2rem}.popup-logo{width:180px}}.password-input-container{width:100%}.password-input-container .input-field{padding-right:3rem}.password-toggle-btn{color:#4a5568;padding:.5rem;right:1rem}.password-toggle-btn:hover{color:#2b2b5b}.password-checks{background:#f8fafc;border-radius:8px;margin:.5rem 0;padding:1rem}.check{align-items:center;color:#000;display:flex;font-size:.9rem;gap:.5rem}.check.valid{color:#2b2b5b;font-weight:500}.invitation-notice{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;box-shadow:0 4px 12px #2196f326;margin-bottom:1rem;padding:1.5rem;text-align:center}.invitation-notice h3{color:#1976d2;font-size:1.25rem;margin:0 0 1rem}.invitation-notice p{color:#1565c0;font-size:.9rem;margin:.5rem 0}.invitation-notice strong{color:#0d47a1;font-weight:600}.field-note{color:#6c757d;font-size:.8rem;font-style:italic;margin-top:.25rem}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0 .75rem}.checkbox-row{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem}.checkbox-input{-webkit-appearance:none;appearance:none;border:2px solid #e6e9f2;border-radius:4px;height:18px;outline:none;position:relative;transition:border-color .2s ease,background .2s ease;width:18px}.checkbox-input:checked{background:#2b2b5b;border-color:#2b2b5b}.checkbox-input:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-text{color:#2b2b5b;font-size:.95rem;line-height:1.4}.checkbox-text .text-button-style-1{padding:.5rem}.btn-style-2:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.site-sidebar{align-items:center;background-color:#2c2c5a08;box-shadow:var(--box-shadow-15);display:flex;flex-direction:column;height:100vh;left:0;margin:0;overflow-y:auto;padding:1rem;position:fixed;top:0;width:15rem;z-index:1000}.site-sidebar-logo{margin-top:0;padding:1rem 0;width:80%}.site-sidebar nav{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin-top:2rem;width:100%}.site-sidebar nav ul{list-style-type:none;padding:0}.site-sidebar nav ul li,.site-sidebar-footer li{align-items:center;border-radius:.625rem;cursor:pointer;display:flex;margin:.5rem;padding:1rem;transition:background-color .3s ease}.site-sidebar nav ul li:hover,.site-sidebar-footer li:hover{background-color:var(--middle-background-color)}.site-sidebar nav ul li svg,.site-sidebar-footer li svg{color:var(--dark-background-color);margin-right:.5rem;text-align:center;width:1.25rem}.site-sidebar-footer{list-style-type:none}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:0;position:relative;width:100%}.notification-bell{color:#2b2b5b;font-size:1.2rem;padding:.5rem}.notification-bell:hover{color:#1a1a3f}.notification-actions .btn{border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.notification-actions .btn-primary{background:#007bff;color:#fff}.notification-actions .btn-primary:hover{background:#0056b3}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}footer{align-items:center;background-color:var(--dark-background-color);display:flex;font-size:.875rem;justify-content:space-between;padding:0 1rem;text-align:center}footer,footer a{color:var(--white)}footer a{display:inline-block;margin-left:1rem;text-decoration:none}footer a:hover{color:var(--accent-color);text-decoration:underline}@media (min-width:1024px){.menu-toggle{display:none}}@media (max-width:1024px){.site-sidebar{align-items:center;flex-direction:row;height:auto;justify-content:space-between;overflow-y:hidden;padding:.5rem 3rem;width:100%}.site-sidebar-logo{height:2.5rem;margin:0;width:auto}.site-sidebar nav{background-color:var(--white);display:flex;font-size:1.25rem;height:calc(100vh - 3.5rem);justify-content:flex-start;left:0;margin-top:0;overflow-y:hidden;padding:1rem;position:fixed;top:3.5rem;width:100%}.site-sidebar nav.closed{display:none}.site-sidebar nav ul li,.site-sidebar-footer li{align-items:center;border:1px solid var(--dark-background-color);display:flex;gap:1em;justify-content:flex-start;margin:1rem 0;padding:1.5rem}.menu-toggle{cursor:pointer;display:block;font-size:1.5rem}.sidebar-header{padding:0;position:absolute;right:20px;top:10px}}.footer{background:#f0f2f8;color:#2b2b5b;padding:4rem 2rem 2rem}.footer-content{grid-gap:2rem;border-bottom:1px solid #2b2b5b1a;display:grid;gap:2rem;grid-template-columns:2fr repeat(4,1fr);margin:0 auto;max-width:1400px;padding-bottom:3rem}.footer-logo{height:auto;margin-bottom:1rem;width:180px}.company-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem;max-width:300px}.social-links{display:flex;gap:1rem}.social-links a{color:#2b2b5b;font-size:1.5rem;transition:color .2s ease}.social-links a:hover{color:#1a1a3f}.footer-section h3{color:#2b2b5b;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:.8rem}.footer-section ul li a{color:#4a5568;font-size:.95rem;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#2b2b5b}.footer-bottom{padding-top:2rem}.footer-bottom-content{align-items:center;color:#4a5568;display:flex;font-size:.9rem;justify-content:space-between;margin:0 auto;max-width:1400px}.compliance-info{display:flex;gap:2rem}.compliance-info span{align-items:center;display:flex}.compliance-info span:before{color:#2b2b5b;content:"•";margin-right:.5rem}@media (max-width:1200px){.footer-content{grid-template-columns:repeat(3,1fr)}.footer-section:first-child{grid-column:1/-1;text-align:center}.company-description{margin:0 auto 1.5rem}.social-links{justify-content:center}}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.compliance-info{align-items:center;flex-direction:column;gap:.5rem}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}.footer{padding:3rem 1rem 1.5rem}.footer-section{text-align:center}.footer-section ul{align-items:center;display:flex;flex-direction:column}}.page-main-container{margin-left:15rem;padding:2rem;width:calc(100% - 15rem)}.page-content-container{background-color:#2c2c5a08;border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-15);padding:2rem}.page-content-container-header{min-height:2rem}@media (max-width:1024px){.page-main-container{height:calc(100vh - 3.5rem);margin-left:0;margin-top:3.5rem;width:100%}}@media (max-width:768px){.page-content-container,.page-main-container{padding:1rem}}.password-input-container{position:relative}.password-toggle-btn{background:none;border:none;color:var(--white);cursor:pointer;position:absolute;right:-2rem;top:50%;transform:translateY(-50%)}.password-toggle-btn:focus{outline:none}.check{color:var(--gray);font-size:.875rem;margin:.25rem 0}.check.valid{color:var(--success-color);font-weight:700}.landing-container{overflow-x:hidden;width:100%}.hero-section{align-items:center;background:linear-gradient(135deg,#f0f2f8,#e6e9f2);color:#2b2b5b;display:flex;justify-content:center;min-height:80vh;overflow:hidden}.hero-content,.hero-section{padding:2rem;position:relative}.hero-content{max-width:1200px;text-align:center}.hero-logo{height:auto;margin-bottom:2rem;max-width:400px;width:90%}.hero-subtitle{color:#4a5568;font-size:1.5rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.primary-btn,.secondary-btn{border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.primary-btn{background:#2b2b5b;color:#fff}.primary-btn:hover{box-shadow:0 4px 12px #2b2b5b33}.secondary-btn{background:#0000;border:2px solid #2b2b5b;color:#2b2b5b}.secondary-btn:hover{box-shadow:0 4px 12px #2b2b5b1a;transform:translateY(-2px)}.features-section{background:#fff;padding:6rem 2rem}.features-section h2{color:#2b2b5b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-template-columns:repeat(3,1fr);margin:3rem auto;padding:0 4rem}.feature-card{transition:box-shadow .3s ease}.feature-icon{border-radius:16px;height:64px;margin:0 auto 1.5rem;width:64px}.feature-card p{color:#4a5568;line-height:1.6}.usps-section{background:#f0f2f8;padding:6rem 2rem}.usps-section h2{color:#2b2b5b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.usps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.usp-item{padding:2rem;text-align:center}.usp-item h3{color:#2b2b5b;font-size:1.5rem;margin-bottom:1rem}.usp-item p{color:#4a5568;line-height:1.6}.cta-section{background:linear-gradient(135deg,#2b2b5b,#1e1e3f);color:#fff;padding:6rem 2rem;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-section .primary-btn{background:#fff;color:#2b2b5b}@media (max-width:768px){.hero-logo{max-width:300px}.hero-subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column}.features-grid,.usps-grid{grid-template-columns:1fr}.features-grid{max-width:400px;padding:0}}.beta-badge{background:#2b2b5b;box-shadow:0 2px 4px #0003;color:#fff;font-size:1.1rem;font-weight:700;padding:12px 60px;position:absolute;right:-50px;top:35px;transform:rotate(45deg);z-index:2}.beta-notice{animation:pulse 2s infinite;background:#2b2b5b1a;border-radius:8px;color:#2b2b5b;font-size:1.2rem;margin:2rem auto;max-width:600px;padding:1rem 2rem}@media (max-width:768px){.beta-badge{font-size:1rem;padding:8px 60px;right:-55px;top:15px}.beta-notice{font-size:1rem;padding:.8rem 1rem}}.pricing-section{background:#f0f2f8;padding:4rem 2rem}.pricing-container{margin:0 auto;max-width:1600px}.pricing-header{margin-bottom:3rem;text-align:center}.pricing-header h2{color:#2b2b5b;font-size:2.5rem;margin-bottom:1rem}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}.pricing-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease}.pricing-card h3{color:#2b2b5b;font-size:1.5rem;margin-bottom:1rem}.price-container{display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;min-height:100px}.price{color:#2b2b5b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.price span{color:#4a5568;font-size:1rem;font-weight:400}.yearly-price{background:#f0f2f8;border-radius:6px;color:#2b2b5b;display:inline-block;font-size:1.1rem;margin:.5rem 0;padding:.5rem 1rem}.yearly-price span{color:#4a5568;font-size:.9rem}.features{flex-grow:1;list-style:none;margin:0 0 2rem;padding:0}.features li{align-items:center;color:#4a5568;display:flex;line-height:1.5;min-height:2.5rem;padding:.5rem 0}.features li:not(:empty):before{color:#2b2b5b;content:"✓";font-weight:700;margin-right:.5rem}.features li:empty{min-height:2.5rem}.pricing-card button{background:#2b2b5b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;margin-top:auto;padding:1rem;transition:background-color .3s ease;width:100%}.pricing-card button:hover{background:#383892}.popular{border:2px solid #2b2b5b}.popular-badge{background:#2b2b5b;border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem 1rem}.enterprise{background:linear-gradient(to bottom right,#fff,#f0f2f8)}.enterprise button{background:#2b2b5b}.enterprise button:hover{background:#383892}@media (max-width:1400px){.pricing-grid{grid-template-columns:repeat(3,1fr);margin:0 auto 2rem;max-width:1200px}.enterprise{grid-column:2/3}}@media (max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:800px}.enterprise{grid-column:auto}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}.pricing-card{margin:0 auto;max-width:400px}}.features-comparison{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:4rem;padding:2rem}.features-comparison h3{color:#2b2b5b;font-size:1.8rem;margin-bottom:2rem;text-align:center}.comparison-table{overflow-x:auto;width:100%}.comparison-table table{border-collapse:collapse;min-width:800px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.comparison-table th:not(:first-child){text-align:center}.comparison-table th{background:#f0f2f8;color:#2b2b5b;font-weight:600;white-space:nowrap}.comparison-table td:first-child,.comparison-table th:first-child{background:#fff;border-right:1px solid #e2e8f0;color:#2b2b5b;font-weight:600;left:0;position:sticky;z-index:1}.comparison-table th:first-child{background:#f0f2f8}.comparison-table td{color:#4a5568}.comparison-table td:not(:first-child){text-align:center}.comparison-table .check,.comparison-table .cross{color:#22c55e;display:inline-block;font-weight:600;text-align:center;width:100%}.comparison-table .cross{color:#ef4444;opacity:.8}.comparison-table tr:hover td,.comparison-table tr:hover td:first-child{background:#f8fafc}@media (max-width:768px){.features-comparison{border-radius:0;margin:2rem -1rem 0;padding:1rem}.comparison-table{margin:0 -1rem}}.coming-soon-banner{background:#2b2b5b;box-shadow:0 2px 4px #0003;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 0;position:absolute;right:-35px;text-align:center;text-transform:uppercase;top:20px;transform:rotate(45deg);transform-origin:center;width:130px;z-index:1}@media (max-width:768px){.coming-soon-banner{font-size:.6rem;padding:2px 0;right:-32px;top:18px;width:120px}}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.features-wrapper{flex-grow:1;margin-bottom:2rem;position:relative}.beta-info{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b2b5bd9;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.9rem;font-weight:500;left:50%;line-height:1.4;margin:0;padding:1rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:85%;z-index:2}.beta-info:before{border:1px solid #ffffff4d;border-radius:9px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.features.greyed-out{filter:blur(.5px);opacity:.4}.features.greyed-out li{color:#6b7280}.features.greyed-out li:not(:empty):before{color:#6b7280;opacity:.7}.demo-container{align-items:center;background:linear-gradient(135deg,#f6f9fc,#e9f1f9);display:flex;justify-content:center;min-height:100vh;padding:2rem}.demo-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;max-width:600px;padding:3rem;text-align:center}.demo-content h1{color:#1a1a1a;font-size:2.5rem;margin-bottom:1.5rem}.demo-content p{color:#4a5568;font-size:1.2rem;line-height:1.6;margin-bottom:1rem}.demo-content .primary-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:2rem;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.demo-content .primary-btn:hover{box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;display:block;font:19px/normal sans-serif;font-weight:700;line-height:1.5;margin:0;position:relative}.driver-popover-close-btn{all:unset;color:#d2d2d2;cursor:pointer;font-size:18px;font-weight:500;height:28px;position:absolute;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;font:14px/normal sans-serif;font-weight:400;line-height:1.5;margin-bottom:0}.driver-popover-footer{zoom:1;align-items:center;display:flex;justify-content:space-between;margin-top:15px;text-align:right}.driver-popover-progress-text{zoom:1;color:#727272;font-size:13px;font-weight:400}.driver-popover-footer button{zoom:1;all:unset;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;line-height:1.3;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:#0000;border-right-color:#0000;border-top-color:#0000;left:100%}.driver-popover-arrow-side-right{border-bottom-color:#0000;border-left-color:#0000;border-top-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-left-color:#0000;border-right-color:#0000;border-top-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.driver-popover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;box-shadow:0 10px 40px #0000004d!important;color:#fff!important;max-width:450px!important;padding:0!important}.driver-popover-title{color:#fff!important;font-size:20px!important;font-weight:600!important;line-height:1.3!important;margin-bottom:12px!important;padding:20px 50px 0 20px!important}.driver-popover-description{color:#fffffff2!important;font-size:15px!important;line-height:1.6!important;margin-bottom:20px!important;padding:0 20px!important}.driver-popover-footer{align-items:center!important;border-top:1px solid #fff3!important;display:flex!important;justify-content:space-between!important;margin-top:10px!important;padding:15px 20px 20px!important}.driver-popover-close-btn,.driver-popover-next-btn,.driver-popover-prev-btn{border:none!important;border-radius:8px!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px!important;text-shadow:none!important;transition:all .3s ease!important}.driver-popover-prev-btn{background:#fff3!important;color:#fff!important;text-shadow:none!important}.driver-popover-prev-btn:hover{background:#ffffff4d!important;transform:translateY(-1px)}.driver-popover-next-btn{background:#fff!important;color:#667eea!important;font-weight:600!important}.driver-popover-next-btn:hover{background:#fffffff2!important;box-shadow:0 4px 12px #0003!important;transform:translateY(-1px)}.driver-popover-close-btn{align-items:center!important;background:#fff3!important;border-radius:50%!important;color:#fff!important;display:flex!important;font-size:16px!important;height:28px!important;justify-content:center!important;padding:0!important;position:absolute!important;right:15px!important;top:15px!important;width:28px!important}.driver-popover-close-btn:hover{background:#ffffff4d!important}.driver-popover-progress-text{color:#fffc!important;font-size:13px!important;font-weight:500!important}.driver-popover-arrow{border-style:solid!important;height:0!important;width:0!important}.driver-popover.driver-popover-top .driver-popover-arrow,.driver-popover[data-side=top] .driver-popover-arrow{border-color:#667eea #0000 #0000!important;border-width:10px 10px 0!important}.driver-popover.driver-popover-bottom .driver-popover-arrow,.driver-popover[data-side=bottom] .driver-popover-arrow{border-color:#0000 #0000 #764ba2!important;border-width:0 10px 10px!important}.driver-popover.driver-popover-left .driver-popover-arrow,.driver-popover[data-side=left] .driver-popover-arrow{border-color:#0000 #0000 #0000 #6c7aea!important;border-width:10px 0 10px 10px!important}.driver-popover.driver-popover-right .driver-popover-arrow,.driver-popover[data-side=right] .driver-popover-arrow{border-color:#0000 #6c7aea #0000 #0000!important;border-width:10px 10px 10px 0!important}.driver-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000001a!important}.driver-active,.driver-active-element{border-radius:8px!important;outline:none!important;position:relative!important;z-index:9999!important}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px #667eea,0 0 0 8px #764ba2e6}50%{box-shadow:0 0 0 4px #667eea,0 0 0 8px #764ba2}}@keyframes driverPopoverFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.driver-popover{animation:driverPopoverFadeIn .3s ease-out!important}.driver-popover-container{z-index:10000!important}@media (max-width:768px){.driver-popover{margin:10px!important;max-width:90vw!important}.driver-popover-title{font-size:18px!important}.driver-popover-description{font-size:14px!important}}.driver-skip-tour{background:none!important;border:none!important;color:#ffffffb3!important;cursor:pointer!important;font-size:13px!important;padding:5px 10px!important;text-decoration:underline!important;transition:color .2s ease!important}.driver-skip-tour:hover{color:#fff!important}.driver-popover-step-badge{background:#ffffff40;border-radius:12px;display:inline-block;font-size:12px;font-weight:600;margin-right:8px;padding:4px 10px}.sidebar{background-color:#5252aa;color:#ecf0f1;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;overflow-x:hidden;padding:20px 10px;position:fixed;top:0;transition:width .3s ease;white-space:nowrap;width:50px;z-index:1000}.sidebar.open,.sidebar:hover{width:230px}.folder,.project-header{align-items:center;cursor:pointer;display:flex;margin-bottom:15px}.folder-text,.project-text{display:none;margin-left:10px}.sidebar.open .area-actions,.sidebar.open .folder-text,.sidebar.open .iconaction,.sidebar.open .iconsub,.sidebar.open .project-text,.sidebar:hover .area-actions,.sidebar:hover .folder-text,.sidebar:hover .iconaction,.sidebar:hover .iconsub,.sidebar:hover .project-text{display:inline}.projects{margin-left:20px;margin-top:10px}.sidebar:hover .project{background-color:#336;border:1px solid #bdc3c7;border-radius:5px;margin-bottom:15px;padding:10px}.areas{list-style-type:none;margin-top:10px;padding-left:20px}.area-item{color:#bdc3c7;font-size:14px;justify-content:space-between;margin-bottom:10px}.area-icon-text,.area-item{align-items:center;display:flex}.area-text{display:none;margin-left:10px}.sidebar.open .area-text,.sidebar:hover .area-text{display:inline}.area-actions{display:none}.icon{display:inline-block}.icon,.iconsub{height:30px;margin-left:10px;width:30px}.iconaction,.iconsub{display:none}.iconaction{height:20px;margin-top:10px;width:20px}.sidebar.open .icon,.sidebar:hover .icon{fill:#bdc3c7;fill-opacity:.5;display:inline}.area-actions i{color:#bdc3c7;cursor:pointer;margin-left:10px}.area-actions i:hover{color:#ecf0f1}.sidebar-settings{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;margin-bottom:80px}.settings-header{align-items:center;display:flex}.settings-text{display:none;margin-left:10px}.sidebar.open .settings-item,.sidebar.open .settings-text,.sidebar:hover .settings-item,.sidebar:hover .settings-text{display:flex}.settings-menu{list-style-type:none;margin-top:10px;padding-left:10px}.settings-item{cursor:pointer;display:none;margin-top:10px}.settings-item .settings-text{display:inline}.map-container{height:100vh;left:0;position:absolute;top:0;width:100%;z-index:1}.access-message{align-items:center;background:#f5f5f5;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.access-message.loading{background:#e3f2fd}.access-message.denied{background:#ffebee}.access-denied-header{margin-bottom:2rem}.access-denied-header h2{color:#333;font-size:2rem;margin-bottom:1rem}.access-denied-header p{color:#666;font-size:1.1rem;margin-bottom:1rem}.project-infomap{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin:2rem auto;max-width:600px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-infomap:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.project-infomap:before{background:linear-gradient(90deg,#f44336,#e91e63 50%,#9c27b0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.project-infomap-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.project-icon{align-items:center;background:linear-gradient(135deg,#f44336,#e91e63);border-radius:12px;box-shadow:0 4px 12px #f443364d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.project-details h3{color:#2c3e50;font-size:1.4rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.project-details .project-subtitle{color:#6c757d;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.project-infomap p{color:#495057;font-size:1rem;line-height:1.5;margin:0}.access-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.request-access-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.request-access-btn:hover{box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.back-to-dashboard-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .2s}.back-to-dashboard-btn:hover{background:#1976d2}.back-to-dashboard-btn.secondary{background:#6c757d}.back-to-dashboard-btn.secondary:hover{background:#5a6268}.access-request-form{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:600px;padding:2rem;width:100%}.access-request-form h3{color:#333;font-size:1.4rem;margin:0 0 1rem}.access-request-form>p{color:#666;font-size:1rem;margin:0 0 1.5rem}.request-message-input{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.request-message-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.request-message-input::placeholder{color:#999}.character-count{color:#666;font-size:.85rem;margin:.5rem 0 1.5rem;text-align:right}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.submit-request-btn{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .2s}.submit-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.submit-request-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7;transform:none}.cancel-request-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:12px 24px;transition:all .2s}.cancel-request-btn:hover:not(:disabled){background:#5a6268;box-shadow:0 2px 8px #0003}.cancel-request-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.request-submitted{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:600px;padding:2rem;text-align:center;width:100%}.success-icon{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.request-submitted h3{color:#333;font-size:1.4rem;margin:0 0 1rem}.request-submitted p{color:#666;line-height:1.5;margin:0 0 2rem}.request-submitted .back-to-dashboard-btn{margin-top:0}@media (max-width:768px){.access-message{padding:1.5rem}.access-denied-header h2{font-size:1.6rem}.project-infomap{margin:1.5rem 1rem;padding:1.5rem}.project-infomap-header{gap:.75rem}.project-icon{height:40px;width:40px}.project-details h3,.project-icon{font-size:1.2rem}.project-details .project-subtitle{font-size:.8rem}.access-actions{align-items:center;flex-direction:column}.back-to-dashboard-btn,.request-access-btn{max-width:300px;width:100%}.access-request-form{margin:0 1rem;padding:1.5rem}.request-submitted{margin:0 1rem}.form-actions{flex-direction:column}.cancel-request-btn,.submit-request-btn{width:100%}}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.map-container{animation:fadeInContent .3s ease-in}.access-message.loading{display:none}.topbar-container{align-items:center;background-color:var(--light-background-color-trans-75);box-shadow:0 .25rem .5rem #0000001a;display:flex;height:3.5rem;justify-content:space-between;left:0;padding:.25rem 1rem;position:absolute;right:0;top:0;z-index:10000}.topbar-section-1,.topbar-section-2,.topbar-section-3{align-items:center;display:flex;flex:1 1}.topbar-section-1{align-items:center;color:var(--dark-text-color);display:flex;font-size:1.25rem;font-weight:700;gap:1rem;justify-content:flex-start;overflow:visible}.topbar-section-2{gap:3rem;justify-content:center}.topbar-section-3{gap:1.5rem;justify-content:flex-end}.topbar-logo{cursor:pointer;height:2.5rem;margin-right:1.5rem;object-fit:contain;width:6.5rem}.topbar-project-name{flex-shrink:1;font-size:clamp(10px,1.25rem,1.25rem);max-width:200px;min-width:0;overflow:hidden;padding-bottom:.25rem;text-overflow:ellipsis;white-space:nowrap}.mode-indicator{align-items:center;border:1px solid #0000;border-radius:12px;display:flex;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-left:1rem;padding:.25rem .75rem;text-transform:uppercase;transition:all .3s ease}.mode-indicator.view{background-color:#6c757d1a;border-color:#6c757d33;color:#6c757d}.mode-indicator.edit{background-color:#4caf501a;border-color:#4caf5033;color:#4caf50}.mode-text{font-size:inherit;font-weight:inherit}.project-header-wrapper{align-items:center;display:flex;position:relative}.project-header-clickable{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;gap:.6rem;padding:.45rem .9rem;transition:all .15s ease}.project-header-clickable:hover{background:#0000000d}.project-header-clickable.open{background:#00000012}.project-chevron{color:var(--dark-text-color);font-size:.6rem;opacity:.4;transition:transform .2s ease,opacity .2s ease}.project-header-clickable:hover .project-chevron{opacity:.7}.project-chevron.rotated{transform:rotate(180deg)}.project-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 10px 20px -2px #00000014;left:0;overflow:hidden;position:absolute;top:calc(100% + 6px);width:260px;z-index:99999}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.project-dropdown-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:.75rem;padding:.875rem 1rem}.project-dropdown-icon{align-items:center;background:#1a1a2e;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;letter-spacing:-.02em;width:36px}.project-dropdown-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.project-dropdown-name-row{align-items:flex-start;display:flex;gap:8px}.project-dropdown-name{color:#1a1a2e;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;word-break:break-word}.project-edit-btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;justify-content:center;margin-top:1px;padding:4px;transition:all .15s ease}.project-edit-btn:hover{background:#667eea1a;color:#667eea}.project-dropdown-status{align-items:center;display:flex}.status-badge{align-items:center;display:inline-flex;font-size:.7rem;font-weight:500;gap:.35rem}.status-badge .status-dot-mini{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-badge.edit{color:#22c55e}.status-badge.edit .status-dot-mini{background:#22c55e}.status-badge.view{color:#64748b}.status-badge.view .status-dot-mini{background:#64748b}.project-dropdown-divider{display:none}.project-dropdown-section{background:#fafafa;padding:.625rem 1rem}.project-dropdown-section-title{align-items:center;color:#64748b;display:flex;font-size:.65rem;font-weight:600;gap:.4rem;letter-spacing:.04em;margin-bottom:.25rem;text-transform:uppercase}.project-dropdown-section-title svg{font-size:.6rem}.project-shared-info{display:flex;flex-direction:column;gap:.5rem}.shared-count{color:#1a1a2e;font-size:.8rem;font-weight:500}.shared-count.not-shared{color:#94a3b8}.shared-users-list-dropdown{border-top:1px solid #0000000f;display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem;padding-top:.5rem}.shared-user-item{align-items:center;background:#f8fafc;border-radius:6px;display:flex;font-size:.75rem;gap:.5rem;padding:.35rem .5rem}.shared-user-icon{color:#667eea;font-size:.65rem;opacity:.8}.shared-user-email{color:#475569;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-user-permission{border-radius:4px;font-size:.65rem;font-weight:500;padding:.15rem .4rem}.shared-user-permission.view{background:#e0f2fe;color:#0284c7}.shared-user-permission.edit{background:#dcfce7;color:#16a34a}.project-dropdown-actions{border-top:1px solid #0000000f;padding:.5rem}.project-dropdown-action{align-items:center;background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.6rem;padding:.6rem .75rem;text-align:left;transition:all .12s ease;width:100%}.project-dropdown-action:hover{background:#f1f5f9}.project-dropdown-action svg{color:#64748b;font-size:.85rem}.project-dropdown-action.share-action{color:#3b82f6}.project-dropdown-action.share-action:hover{background:#3b82f614}.project-dropdown-action.share-action svg{color:#3b82f6}@media (max-width:768px){.project-header-clickable{gap:.4rem;padding:.35rem .6rem}.project-dropdown{left:-10px;width:240px}.project-dropdown-icon{font-size:.8rem;height:32px;width:32px}.project-dropdown-name{font-size:.8rem}}.icon-wrapper{padding:5px 10px;position:relative}.dropdown{display:none;left:50%;min-width:200px;padding-top:10px;position:absolute;top:100%;transform:translateX(-10%);z-index:10000}.dropdown-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--light-background-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px #0003;padding:10px}.input-field-100{background-color:var(--input-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:14px;padding:8px 12px;width:100%}.input-field-100:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2);outline:none}.icon-wrapper:hover .dropdown{display:block}.icon-wrapper:after{background:#0000;content:"";height:15px;left:0;position:absolute;top:100%;width:100%}.dropdown:before{border-color:#0000 #0000 var(--light-background-color) #0000;border-style:solid;border-width:0 10px 10px;content:"";left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.dropdown-content{width:100%}.toggle-switch-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.toggle-switch{display:inline-block;flex-shrink:0;text-align:left;-webkit-user-select:none;user-select:none;vertical-align:middle;width:2.5rem}.toggle-switch-checkbox{display:none}.toggle-switch-label{border:1px solid var(--middle-background-color);border-radius:1rem;cursor:pointer;display:block;margin:0;overflow:hidden}.toggle-switch-inner{display:block;margin-left:-100%;transition:margin .1s ease-in 0s;width:200%}.toggle-switch-inner:after,.toggle-switch-inner:before{box-sizing:border-box;color:#fff;display:block;float:left;font-size:.875rem;font-weight:700;height:1.25rem;line-height:1.5rem;padding:0;width:50%}.toggle-switch-inner:before{background-color:var(--dark-background-color);color:var(--white);content:"";padding-left:.625rem}.toggle-switch-inner:after{background-color:var(--middle-background-color);color:#fff;content:"";padding-right:.625rem;text-align:right}.toggle-switch-switch{background:#fff;border:.0625rem solid #bbb;border-radius:1rem;bottom:0;display:block;margin:.125rem;position:absolute;right:1.25rem;top:0;transition:all .1s ease-in 0s;width:1rem}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner{margin-left:0}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{right:0}.toggle-label{flex-grow:1;font-size:1rem;margin-right:.5rem;white-space:nowrap}@media (max-width:768px){.topbar-project-name{max-width:120px}.mode-indicator{border:none;border-radius:50%;height:10px;margin-left:.25rem;min-width:10px;padding:0;width:10px}.mode-indicator.view{background-color:#6c757d}.mode-indicator.edit{background-color:#4caf50}.mode-indicator .mode-text{display:none}.topbar-section-2,.topbar-section-3{gap:1.5rem}}@media (max-width:480px){.topbar-project-name{max-width:80px}}.layer-list{list-style-type:none;margin:0;padding:0}.layer-item{border-radius:4px;color:var(--text-color);cursor:pointer;padding:8px 12px;transition:all .2s ease}.layer-item.active,.layer-item:hover{background-color:var(--hover-background-color)}.layer-item.active{border-left:4px solid var(--primary-color);color:var(--text-color);font-weight:600;padding-left:8px}.layer-item.active:hover{background-color:var(--hover-background-color-dark)}.border-menu-list{list-style:none;margin:0;min-width:220px;padding:0}.border-menu-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 12px}.border-menu-item:last-child{border-bottom:none}.border-menu-item:hover{background-color:#f5f5f5}.border-label{color:#333}.border-label.bundesland{font-weight:500}.border-toggle{display:inline-block;height:20px;position:relative;width:40px}.border-toggle input{height:0;opacity:0;width:0}.border-toggle-slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.border-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.border-toggle input:checked+.border-toggle-slider{background-color:#2196f3;box-shadow:0 0 4px #2196f3}.border-toggle input:checked+.border-toggle-slider:before{transform:translateX(20px)}.border-toggle:hover .border-toggle-slider{background-color:#b3b3b3}.border-toggle input:checked:hover+.border-toggle-slider{background-color:#1976d2}.icon-wrapper .dropdown .border-menu-list{background-color:var(--light-background-color);border-radius:8px;overflow:hidden}.icon-wrapper .dropdown .border-menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.icon-wrapper .dropdown .border-menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.border-dropdown .dropdown-content{min-width:160px;padding:8px}.border-controls{display:flex;flex-direction:column;gap:4px}.border-control-item{align-items:center;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.border-control-item:hover{background-color:var(--hover-background-color)}.border-control-item.active{background-color:var(--primary-color);color:#fff}.border-icon{opacity:.8;width:16px}.border-label{font-size:14px;font-weight:500}.border-control-item.bundesland{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:12px}.fa-icon-ia.active{color:var(--dark-background-color)}.fa-icon-ia:hover{color:var(--hover-background-color-dark)}.border-control-item:hover:not(.active){background-color:var(--hover-background-color)}.border-control-item.active:hover{background-color:var(--primary-color-dark)}.fa-icon-ia{cursor:pointer;transition:color .3s ease}.fa-icon-ia:hover{color:#4a90e2}.export-controls{display:flex;flex-direction:column;gap:4px}.export-control-item{align-items:center;border-radius:6px;color:var(--text-color);cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.export-control-item:hover{background-color:var(--hover-background-color)}.export-control-item.active{background-color:var(--primary-color);color:#fff}.export-icon{opacity:.8;width:16px}.export-label{font-size:14px;font-weight:500}.export-control-item:hover:not(.active){background-color:var(--hover-background-color)}.export-control-item:hover{background-color:var(--primary-color-dark)}.icon-wrapper .dropdown .export-controls{background-color:var(--light-background-color);border-radius:8px;overflow:hidden}.icon-wrapper .dropdown .export-control-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.icon-wrapper .dropdown .export-control-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.search-input-wrapper,.search-wrapper{align-items:center;display:flex}.search-input-wrapper{padding:5px;transition:all .3s ease}.search-input-wrapper.open{background-color:var(--light-background-color-trans-75);height:3.5rem;padding:5px 12px}.search-container{align-items:center;display:flex;margin-left:0;opacity:0;overflow:hidden;transition:all .3s ease;width:0}.search-input-wrapper.open .search-container{margin-left:8px;opacity:1;width:200px}.search-input{background:none;border:none;color:var(--text-color);font-size:12px;outline:none;padding:2px 5px}.search-input::placeholder{color:var(--text-color-light)}.search-button{background-color:var(--primary-color);border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:12px;margin-left:8px;padding:4px 12px;transition:all .2s ease;white-space:nowrap}.search-button:hover{background-color:var(--primary-color-dark);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.batch-status-wrapper{align-items:center;display:flex;position:relative}.batch-status-indicator{align-items:center;background-color:#ffffffe6;border-radius:1rem;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.4rem .8rem;transition:all .3s ease}.batch-status-wrapper:hover .batch-status-indicator{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.changes-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;margin-left:4px;min-width:18px;padding:0 5px}.status-dot{border-radius:50%;box-shadow:0 0 4px #0003;height:.6rem;transition:all .3s ease;width:.6rem}.status-dot.synced{background-color:#10b981;box-shadow:0 0 8px #10b98199}.status-dot.pending{animation:pulse-pending 2s ease-in-out infinite;background-color:#ef4444;box-shadow:0 0 8px #ef444499}.status-dot.syncing{animation:pulse-syncing 1s ease-in-out infinite;background-color:#f59e0b;box-shadow:0 0 8px #f59e0b99}@keyframes pulse-pending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-syncing{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.15) rotate(180deg)}}.status-text{color:var(--dark-text-color);font-size:.8rem;white-space:nowrap}.changelog-dropdown{display:none;padding-top:8px;position:absolute;right:0;top:100%;width:300px;z-index:99999}.changelog-dropdown:before{background:#0000;content:"";height:8px;left:0;position:absolute;right:0;top:0}.batch-status-wrapper:hover .changelog-dropdown{display:block}.changelog-dropdown-content{animation:dropdownSlideIn .15s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.changelog-dropdown-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 12px}.changelog-dropdown-title{color:#666;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.changelog-badges-mini{display:flex;gap:6px}.badge-mini{align-items:center;border-radius:4px;display:flex;font-size:11px;font-weight:500;gap:4px;padding:2px 6px}.badge-mini.undo{background:#4264fb1a;color:#4264fb}.badge-mini.redo{background:#f5f5f5;color:#666}.badge-mini svg{font-size:10px}.changelog-dropdown-empty{color:#999;font-size:12px;padding:20px 12px;text-align:center}.changelog-dropdown-body{max-height:280px;overflow-y:auto}.changelog-dropdown-body::-webkit-scrollbar{width:6px}.changelog-dropdown-body::-webkit-scrollbar-track{background:#0000}.changelog-dropdown-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.changelog-dropdown-body::-webkit-scrollbar-thumb:hover{background:#bbb}.changelog-dropdown-group{border-bottom:1px solid #eee;padding:8px 0}.changelog-dropdown-group:last-child{border-bottom:none}.changelog-dropdown-group.redo{background:#f8f9fa}.changelog-group-title{align-items:center;color:#666;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.05em;padding:4px 12px 8px;text-transform:uppercase}.changelog-group-title svg{font-size:10px}.changelog-dropdown-list{display:flex;flex-direction:column}.changelog-dropdown-item{align-items:center;display:flex;gap:10px;padding:8px 12px;transition:background .15s ease}.changelog-dropdown-item:hover{background:#f5f5f5}.changelog-dropdown-item.faded{opacity:.6}.item-icon{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:26px;justify-content:center;width:26px}.item-icon.single{background:#4264fb1a;color:#4264fb}.item-icon.batch{background:#667eea26;color:#667eea}.item-icon svg{font-size:11px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.item-label{color:#333;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-detail{color:#666;font-size:11px}.item-time{color:#999;flex-shrink:0;font-size:10px}.changelog-dropdown-more{color:#999;font-size:11px;font-style:italic;padding:6px 12px 6px 48px}.changelog-dropdown-footer{background:#f5f5f5;border-top:1px solid #ddd;padding:8px 12px}.footer-hint{align-items:center;color:#999;display:flex;font-size:11px;gap:4px}@media (max-width:768px){.status-text{display:none}.batch-status-indicator{padding:.5rem}.changes-badge{display:none}.changelog-dropdown{right:-50px;width:280px}}.rename-modal-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.rename-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;max-width:90vw;width:360px}.rename-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.rename-modal-header h3{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.rename-modal-header h3 svg{font-size:.85rem;opacity:.9}.rename-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .15s ease;width:28px}.rename-close-btn:hover{background:#fff3}.rename-modal-body{padding:20px}.rename-modal-body input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:12px 14px;transition:all .2s ease;width:100%}.rename-modal-body input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.rename-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}.rename-cancel-btn{background:#f3f4f6;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px;transition:all .15s ease}.rename-cancel-btn:hover:not(:disabled){background:#e5e7eb;color:#374151}.rename-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .15s ease}.rename-confirm-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.rename-cancel-btn:disabled,.rename-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.share-project-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}.share-project-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.share-project-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.share-project-header h2{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.share-project-header h2 svg{font-size:.9rem;opacity:.9}.close-button{border-radius:6px;flex-shrink:0;font-size:.9rem;height:28px;min-width:28px;transition:all .15s ease;width:28px}.share-form{border-bottom:1px solid #f3f4f6;padding:16px 20px}.share-form-label{color:#64748b;display:block;font-size:.7rem;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.input-group{align-items:stretch;display:flex;gap:8px}.input-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;height:38px;min-width:0;padding:0 12px;transition:all .2s ease}.input-group input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group input::placeholder{color:#94a3b8}.permission-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;height:38px;min-width:115px;padding:0 12px;transition:all .2s ease}.permission-select:focus{background:#fff;border-color:#667eea;outline:none}.input-group button[type=submit]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:6px;height:38px;justify-content:center;padding:0 16px;transition:all .2s ease;white-space:nowrap}.input-group button[type=submit]:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-1px)}.input-group button[type=submit]:active{transform:translateY(0)}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-message,.success-message{align-items:center;display:flex;font-size:.8rem;gap:6px;margin-top:10px;padding:10px 12px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.shared-users-list{flex:1 1;min-height:0;overflow-y:auto;padding:0}.shared-users-list h3{background:#f8fafc;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.04em;margin:0;padding:12px 20px 8px;position:sticky;text-transform:uppercase;top:0}.shared-users-list::-webkit-scrollbar{width:6px}.shared-users-list::-webkit-scrollbar-track{background:#0000}.shared-users-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.shared-users-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.shared-user{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 20px;transition:background .15s ease}.shared-user:hover{background:#f8fafc}.shared-user:last-child{border-bottom:none}.shared-user>span{color:#1e293b;font-size:.85rem;font-weight:500}.user-actions{align-items:center;gap:8px}.permission-select-small{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.8rem;padding:6px 10px;transition:all .2s ease}.permission-select-small:focus{border-color:#667eea;outline:none}.remove-user-button{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:6px;transition:all .2s ease}.remove-user-button:hover{background:#fef2f2;color:#ef4444}.no-shared-users{color:#94a3b8;padding:40px 24px;text-align:center}.no-shared-users svg{font-size:2.5rem;margin-bottom:12px;opacity:.5}.no-shared-users p{font-size:.95rem;margin:0}@media (max-width:600px){.share-project-overlay{padding:10px}.share-project-modal{max-height:calc(100vh - 20px)}.share-project-header{padding:12px 16px}.share-project-header h2{font-size:.9rem}.share-form{padding:14px 16px}.input-group{flex-direction:column}.input-group input{width:100%}.input-group button[type=submit],.permission-select{height:38px;width:100%}.shared-user{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 16px}.user-actions{justify-content:space-between;width:100%}.permission-select-small{flex:1 1}}@media (max-width:400px){.share-project-overlay{padding:0}.share-project-modal{border-radius:0;max-height:100vh}.share-project-header{border-radius:0}}.style-menu{-webkit-font-smoothing:subpixel-antialiased;backface-visibility:hidden;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;contain:content;cursor:default;display:flex;flex-direction:column;height:auto;max-height:80vh;overflow:hidden;position:absolute;right:20px;top:80px;transform:translateZ(0);transition:height .3s ease,max-height .3s ease;width:300px;will-change:transform;z-index:1000}.style-menu.dragging{cursor:grabbing;opacity:.8;pointer-events:none;transition:none;-webkit-user-select:none;user-select:none}.style-menu.minimized{background:#fff!important;height:45px!important;max-height:45px!important;opacity:1!important;overflow:hidden!important;transition:height .3s ease,max-height .3s ease}.style-menu.minimized .style-menu-header{border-bottom:none;opacity:1}.style-menu.minimized .save-button,.style-menu.minimized .style-section,.style-menu.minimized .tab-navigation,.style-menu.minimized .toolbox-content{display:none!important}.style-menu-header{align-items:center;background-color:#f5f5f5;border-bottom:none;border-radius:8px 8px 0 0;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:10px}.tour-help-button{align-items:center;background:#667eea26;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:24px;justify-content:center;margin-right:8px;transition:all .2s;width:24px}.tour-help-button:hover{background:#667eea40;transform:scale(1.1)}.tour-help-button svg{font-size:14px}.style-menu-content{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow-y:auto;padding:0}.style-menu-scrollable{flex:1 1;min-height:0;overflow-y:auto;padding:0}.style-menu-scrollable::-webkit-scrollbar{width:6px}.style-menu-scrollable::-webkit-scrollbar-track{background:#0000}.style-menu-scrollable::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.style-menu-scrollable::-webkit-scrollbar-thumb:hover{background:#bbb}.style-menu-header h3{color:#333;font-size:16px;margin:0}.style-section{border-bottom:1px solid #ddd;padding:12px}.style-section h4{color:#666;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.color-picker,.style-control{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.color-picker label,.style-control label{color:#333;font-size:12px}input[type=color]{background:#fff;border:1px solid #ddd;border-radius:2px;cursor:pointer;height:24px;padding:0;width:24px}input[type=range]{appearance:none;-webkit-appearance:none;background:#ddd;border-radius:2px;height:2px;width:140px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #666;border-radius:50%;cursor:pointer;height:12px;width:12px}.style-value{color:#666;min-width:30px}.save-button{border:none;border-radius:3px;flex-shrink:0;font-size:12px;font-weight:600;margin:12px;padding:8px 12px;transition:all .2s ease;width:calc(100% - 24px)}.save-button.active{background-color:#4264fb;color:#fff}.save-button.active:hover{background-color:#314ccd}.save-button.inactive{background-color:#f5f5f5;color:#666;cursor:default}.tab-navigation{border-bottom:1px solid #ddd;display:flex;flex-shrink:0;margin:0;padding:0}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:12px;margin:0;padding:8px 12px;transition:all .2s ease}.tab-button:hover{color:#333}.tab-button.active{border-bottom-color:#4264fb;color:#4264fb}.data-info{font-size:12px}.data-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.data-row:last-child{border-bottom:none}.data-row label{color:#666}.data-row span{color:#333;font-weight:500}.select-control{background:#fff;border:1px solid #ddd;border-radius:2px;color:#333;font-size:12px;min-width:100px;padding:4px 8px}.select-control:hover{border-color:#999}.select-control:focus{border-color:#4264fb;outline:none}.input-control{background:#fff;border:1px solid #ddd;border-radius:2px;color:#333;font-size:12px;min-width:140px;padding:4px 8px}.input-control:hover{border-color:#999}.input-control:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.input-control::placeholder{color:#999}.style-menu *{-webkit-user-select:none;user-select:none}.style-menu button,.style-menu input,.style-menu select{cursor:auto;-webkit-user-select:auto;user-select:auto}.active-features-list{border-top:1px solid #eee;display:flex;flex-direction:column;margin-top:12px}.active-features-list h4{color:#666;font-size:11px;font-weight:700;letter-spacing:.05em;margin:12px 0 8px;text-transform:uppercase}.features-table{display:flex;flex-direction:column;width:100%}.table-header-data{align-items:center;background-color:#fff;border-bottom:2px solid #eee;color:#666;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 0;position:sticky;top:0;z-index:1}.table-content{margin-right:-6px;max-height:200px;overflow-y:auto;padding-right:6px}.table-content>div{scrollbar-color:#ddd #0000;scrollbar-width:thin}.table-content>div::-webkit-scrollbar{width:6px}.table-content>div::-webkit-scrollbar-track{background:#0000}.table-content>div::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.table-content>div::-webkit-scrollbar-thumb:hover{background:#bbb}.table-content::-webkit-scrollbar{width:6px}.table-content::-webkit-scrollbar-track{background:#0000}.table-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.table-content::-webkit-scrollbar-thumb:hover{background:#bbb}.table-row-data{align-items:center;border-bottom:1px solid #eee;box-sizing:border-box;color:#333;display:flex;font-size:12px;gap:8px;height:35px;padding:6px 0}.table-row-data:last-child{border-bottom:none}.table-row-data:hover{background-color:#f8f9fa}.table-row-data>span:first-child{flex:0 0 35px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row-data>span:nth-child(2){color:#666;flex:1 1 auto;min-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row-data>input.value-input{flex:0 0 40px}.table-row-data>.action-button-datas{flex:0 0 90px}.active-features-list::-webkit-scrollbar{display:none}.active-features-list{overflow:visible}.header-cell{flex:1 1;gap:2px;padding-right:8px}.header-cell:last-child{justify-content:flex-end}.header-cell span,.sort-arrows{align-items:center;display:inline-flex}.sort-arrows{color:#4264fb;font-size:12px;margin-left:2px}.table-header-data .header-cell span{flex:none}.value-input{border:1px solid #ddd;border-radius:2px;font-size:12px;padding:2px 4px;text-align:center;width:50px}.value-input:focus{border-color:#4264fb;outline:none}.action-button-datas{display:flex;flex-direction:row;gap:1px;justify-content:flex-end;min-width:70px}.action-button-data{align-items:center;border:none;border-radius:2px;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.action-button-data.increase{background-color:#28a745;color:#fff}.action-button-data.increase:hover{background-color:#218838}.action-button-data.decrease{background-color:#ffc107;color:#fff}.action-button-data.decrease:hover{background-color:#e0a800}.action-button-data.zero{background-color:#dc3545;color:#fff}.action-button-data.zero:hover{background-color:#c82333}.table-header-data .header-cell:first-child{flex:0 0 35px}.table-header-data .header-cell:nth-child(2){flex:1 1}.table-header-data .header-cell:nth-child(3){flex:0 0 40px;justify-content:center}.table-header-data .header-cell:last-child{flex:0 0 90px;justify-content:center}.section-header{padding:4px 0}.section-title{align-items:center;display:flex;flex:1 1;gap:8px}.section-title h4{color:#666;font-size:11px;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.section-actions{display:flex;gap:4px;margin-left:8px}.icon-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:.6;padding:4px;transition:all .2s ease;width:24px}.icon-button i{color:#495057;font-size:14px}.icon-button:hover{background-color:#0000000d;opacity:1}.icon-button:active{transform:translateY(1px)}.export-button,.export-buttons{display:none}.csv-upload-label{border:2px dashed #ccc;color:#666;cursor:pointer;display:block;margin-top:10px;padding:10px;text-align:center;width:100%}.csv-upload-label:hover{background-color:#f0f0f0}.color-settings{margin-bottom:16px}.color-setting{margin-bottom:8px}.color-setting label{color:#495057;font-size:12px}.color-setting input[type=color]{border-radius:4px;height:24px;padding:0;width:40px}.color-setting input[type=number]{border-radius:4px;font-size:12px;padding:4px 8px}.color-steps{display:flex;flex-direction:column;gap:8px;margin-top:16px}.color-step-item input[type=number]{border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:4px 8px;width:80px}.color-preview{border:1px solid #ced4da;border-radius:4px;flex:1 1;height:24px}.add-step-button{background-color:#f8f9fa;border:1px dashed #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:all .2s;width:100%}.add-step-button:hover{background-color:#e9ecef;border-color:#adb5bd}.remove-step-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:opacity .2s}.remove-step-button:hover{opacity:1}.color-step-item{align-items:center;display:flex;gap:8px}.border-layer-controls{margin-bottom:8px}.border-main-controls{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.border-main-controls:hover{background-color:#e9ecef}.border-header{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:8px}.border-header .layer-name,.layer-name-lable{color:#495057;font-size:12px;font-weight:500;margin:0}.border-header .collapse-icon{color:#6c757d;font-size:12px;transition:transform .2s ease}.border-header .collapse-icon.expanded{transform:rotate(90deg)}.border-controls-group{align-items:center;display:flex;gap:12px}.border-control{align-items:center;display:flex;gap:4px}.border-control input[type=color]{border:1px solid #ced4da;border-radius:4px;cursor:pointer;height:24px;padding:0;width:24px}.border-control input[type=range]{appearance:none;-webkit-appearance:none;background:#dee2e6;border-radius:2px;height:4px;width:80px}.border-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4264fb;border-radius:50%;cursor:pointer;height:12px;width:12px}.border-additional-controls{background-color:#f8f9fa;border-radius:0 0 4px 4px;margin-top:1px;padding:8px 12px 8px 28px}.visibility-controls{display:flex;flex-direction:column;gap:8px}.visibility-option{align-items:center;color:#495057;display:flex;font-size:12px;justify-content:space-between}.visibility-toggle{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;padding:4px;transition:color .2s ease}.visibility-toggle:hover{color:#4264fb}.style-value{color:#495057;font-size:12px;min-width:36px;text-align:right}.minimize-button{align-items:center;color:#666;display:flex;font-size:16px;justify-content:center;margin-right:8px;padding:0 8px}.minimize-button:hover{color:#333}.drag-handle{-webkit-user-select:none;user-select:none}.road-layer-controls{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;display:flex;height:36px;justify-content:space-between;margin:4px 0;padding:8px 12px;transition:background-color .2s ease}.road-layer-controls:hover{background-color:#f0f0f0}.road-layer-controls .layer-name{color:#495057;font-size:12px;font-weight:500}.road-layer-controls .style-control{align-items:center;display:flex;height:100%;margin:0}.toggle-switch{align-items:center;display:inline-flex;height:16px;margin:auto 0;position:relative;width:32px}.toggle-switch input{height:0;margin:0;opacity:0;padding:0;width:0}.toggle-slider{background-color:#e9ecef;border:1px solid #ced4da;border-radius:16px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .2s ease-in-out}.toggle-slider:before{background-color:#adb5bd;border-radius:50%;bottom:1px;content:"";height:12px;left:1px;width:12px}input:checked+.toggle-slider{background-color:#e7f1ff;border-color:#4264fb}input:checked+.toggle-slider:before{background-color:#4264fb;transform:translateX(16px)}input:focus+.toggle-slider{box-shadow:0 0 0 2px #4264fb1a}.road-settings{background-color:#f8f9fa;margin-top:8px;padding:8px}.road-settings,.road-type-controls{border:1px solid #e9ecef;border-radius:4px}.road-type-controls{grid-gap:8px;align-items:center;background-color:#fff;display:grid;gap:8px;grid-template-columns:1fr auto auto;margin:4px 0;padding:6px 8px;transition:background-color .2s ease}.road-type-controls:hover{background-color:#f8f9fa}.road-type-controls .layer-name{color:#495057;font-size:11px;font-weight:500}.road-type-controls .style-control{align-items:center;display:flex;gap:6px}.road-type-controls .style-control:first-of-type{width:110px}.road-type-controls .style-control:last-of-type{margin-left:auto;width:24px}.road-type-controls .style-control input[type=range]{margin:0;width:70px}.road-type-controls .style-control input[type=color]{background-color:#fff;border:1px solid #ced4da;border-radius:4px;height:22px;padding:2px;transition:border-color .2s ease;width:22px}.road-type-controls .style-control input[type=color]:hover{border-color:#4264fb}.road-type-controls .style-value{color:#6c757d;font-family:monospace;font-size:11px;min-width:28px;text-align:right}.visibility-toggle[data-visible=false]{color:#999}.visibility-toggle[data-visible=false]:hover{color:#4a90e2}.visibility-toggle svg{height:16px;width:16px}.border-expanded-content{background-color:#fafbfc;border-left:2px solid #e9ecef;border-radius:0 4px 4px 0;margin-left:12px;margin-top:4px;padding-left:12px}.border-sub-section{margin-bottom:8px}.border-sub-header{align-items:center;background-color:#f1f3f4;border:1px solid #e1e5e9;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:6px 8px}.border-sub-header .layer-name{color:#495057;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.border-sub-header .visibility-toggle{font-size:14px;padding:2px}.label-header-buttons{align-items:center;display:flex;gap:4px}.label-edit-toggle{background:#0000;border:1px solid #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;font-size:12px;padding:2px 6px;transition:all .2s ease}.label-edit-toggle:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;color:#495057}.label-edit-toggle.active{background-color:#007bff;border-color:#007bff;color:#fff}.label-edit-toggle.active:hover{background-color:#0056b3;border-color:#0056b3}.label-edit-toggle:disabled{cursor:not-allowed;opacity:.4}.border-sub-controls{display:flex;flex-direction:column;gap:8px;padding:4px 8px}.border-sub-controls .border-control{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.border-sub-controls .border-control label{color:#6c757d;font-size:11px;font-weight:500}.border-sub-controls .select-control{background-color:#fff;border:1px solid #ced4da;font-size:11px;min-width:120px;padding:3px 6px}.border-sub-controls input[type=range]{background:#dee2e6;height:3px;width:100px}.border-sub-controls .style-value{color:#6c757d;font-family:monospace;font-size:11px;min-width:32px}.csv-upload-label.disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;opacity:.5}.import-disabled-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;font-size:.9rem;padding:1rem;text-align:center}.save-button.inactive{cursor:not-allowed;opacity:.6}.action-button-data:disabled,.save-button:disabled,.visibility-toggle:disabled,button:disabled,input:disabled{cursor:not-allowed;opacity:.5}.action-button-data:disabled{background-color:#f5f5f5}.value-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.changelog-section{border-top:1px dashed #e0e0e0}.changelog-badges{display:flex;gap:6px;margin-left:auto}.changelog-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px}.changelog-badge.undo-badge{background-color:#e3f2fd;color:#1976d2}.changelog-badge.redo-badge{background-color:#fff3e0;color:#f57c00}.changelog-content{max-height:250px;overflow-y:auto;padding:8px}.changelog-empty{color:#9e9e9e;font-size:12px;font-style:italic;padding:16px;text-align:center}.changelog-group{margin-bottom:12px}.changelog-group.redo{opacity:.7}.changelog-group-header{align-items:center;background:#f5f5f5;border-radius:4px;color:#666;display:flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:6px;padding:4px 8px}.changelog-list{display:flex;flex-direction:column;gap:4px}.changelog-entry{background:#fafafa;border-left:3px solid #1976d2;border-radius:4px;padding:6px 8px;transition:background-color .2s}.changelog-entry:hover{background:#f0f0f0}.changelog-entry.faded{border-left-color:#f57c00;opacity:.6}.changelog-batch,.changelog-single{align-items:center;display:flex;gap:8px}.changelog-icon{align-items:center;border-radius:4px;display:flex;font-size:10px;height:24px;justify-content:center;width:24px}.changelog-icon.batch{background:#e8f5e9;color:#4caf50}.changelog-icon.single{background:#e3f2fd;color:#1976d2}.changelog-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.changelog-plz,.changelog-source{color:#333;font-size:11px;font-weight:600}.changelog-values{font-family:SF Mono,Monaco,Consolas,monospace}.changelog-count,.changelog-values{color:#666;font-size:10px}.changelog-time{color:#999;font-size:9px;margin-left:auto;white-space:nowrap}.changelog-content::-webkit-scrollbar{width:6px}.changelog-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.changelog-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.changelog-content::-webkit-scrollbar-thumb:hover{background:#999}.changelog-expand-icon{align-items:center;color:#888;display:flex;flex-shrink:0;font-size:10px;height:16px;justify-content:center;transition:transform .2s ease;width:16px}.changelog-batch.clickable,.changelog-single.clickable{border-radius:4px;cursor:pointer;margin:-4px;padding:4px;transition:background .15s ease}.changelog-batch.clickable:hover,.changelog-single.clickable:hover{background:#0000000d}.changelog-entry.expanded{background:#f5f5f5;border-radius:6px;margin:-4px -8px;padding:8px}.changelog-detail-panel{animation:fadeIn .2s ease;border-top:1px solid #e0e0e0;margin-top:10px;padding-top:10px}.changelog-detail-header{grid-gap:8px;background:#e8e8e8;border-radius:4px;color:#666;display:grid;font-size:9px;font-weight:600;gap:8px;grid-template-columns:1fr 60px 60px;letter-spacing:.5px;margin-bottom:4px;padding:4px 8px;text-transform:uppercase}.changelog-detail-list{max-height:150px;overflow-y:auto}.changelog-detail-row{grid-gap:8px;border-bottom:1px solid #eee;display:grid;font-size:11px;gap:8px;grid-template-columns:1fr 60px 60px;padding:4px 8px}.changelog-detail-row:last-child{border-bottom:none}.changelog-detail-row:hover{background:#00000008}.detail-plz{color:#333;font-weight:500}.detail-old{color:#d32f2f}.detail-new,.detail-old{font-family:SF Mono,Monaco,Consolas,monospace;text-align:center}.detail-new{color:#2e7d32}.changelog-detail-panel.single{padding-left:32px}.changelog-detail-info{display:flex;flex-direction:column;gap:6px}.changelog-detail-info .detail-row{align-items:center;display:flex;font-size:11px;justify-content:space-between}.changelog-detail-info .detail-label{color:#666;font-weight:500}.changelog-detail-info .detail-value{color:#333;font-weight:600}.changelog-detail-info .detail-value.old{color:#d32f2f}.changelog-detail-info .detail-value.new{color:#2e7d32}.changelog-detail-info .detail-value.mono{background:#f0f0f0;border-radius:3px;color:#666;font-family:SF Mono,Monaco,Consolas,monospace;font-size:10px;padding:2px 6px}.changelog-detail-list::-webkit-scrollbar{width:4px}.changelog-detail-list::-webkit-scrollbar-track{background:#0000}.changelog-detail-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.changelog-detail-list::-webkit-scrollbar-thumb:hover{background:#aaa}.style-transfer-section .section-header{cursor:pointer}.transfer-content{margin-top:8px}.transfer-status{align-items:flex-start;border-radius:4px;display:flex;font-size:11px;gap:8px;line-height:1.4;margin-bottom:12px;padding:10px 12px}.transfer-status svg{flex-shrink:0;margin-top:1px}.transfer-status span{flex:1 1}.transfer-status-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.transfer-status-warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.transfer-status-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-close{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;margin-left:8px;opacity:.6;padding:0}.status-close:hover{opacity:1}.transfer-subsection{border-bottom:1px solid #eee;margin-bottom:16px;padding-bottom:12px}.transfer-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.transfer-subsection-header{align-items:center;color:#555;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.transfer-subsection-header svg{color:#888;font-size:12px}.transfer-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:8px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.transfer-select:hover:not(:disabled){border-color:#999}.transfer-select:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb26;outline:none}.transfer-select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.transfer-hint{color:#888;font-size:10px;line-height:1.4;margin-top:6px}.transfer-controls{display:flex;gap:8px;margin-bottom:8px}.transfer-search{align-items:center;display:flex;flex:1 1;position:relative}.transfer-search .search-icon{color:#999;font-size:11px;left:8px;pointer-events:none;position:absolute}.transfer-search input{background-color:#fff;border:1px solid #ddd;border-radius:3px;font-size:11px;padding:6px 28px;transition:border-color .15s;width:100%}.transfer-search input:focus{border-color:#4264fb;outline:none}.transfer-search input:disabled{background-color:#f5f5f5;cursor:not-allowed}.transfer-search .search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:11px;padding:4px 6px;position:absolute;right:4px;transition:color .15s}.transfer-search .search-clear:hover{color:#666}.transfer-sort{background-color:#fff;border:1px solid #ddd;border-radius:3px;cursor:pointer;font-size:11px;padding:6px 8px;transition:border-color .15s}.transfer-sort:focus{border-color:#4264fb;outline:none}.transfer-sort:disabled{background-color:#f5f5f5;cursor:not-allowed}.transfer-area-list{background-color:#fff;border:1px solid #e0e0e0;border-radius:3px;display:flex;flex-direction:column;gap:2px;margin-bottom:8px;max-height:200px;overflow-y:auto;padding:0}.transfer-area-list::-webkit-scrollbar{width:6px}.transfer-area-list::-webkit-scrollbar-track{background:#f5f5f5}.transfer-area-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.transfer-area-list::-webkit-scrollbar-thumb:hover{background:#999}.transfer-area-item{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:8px 10px;transition:background-color .15s;-webkit-user-select:none;user-select:none}.transfer-area-item:last-child{border-bottom:none}.transfer-area-item:hover{background-color:#f8f9fa}.transfer-area-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:14px;margin:0;width:14px}.transfer-area-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.transfer-area-item input[type=checkbox]:checked{accent-color:#4264fb}.transfer-area-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-no-results{color:#999;font-size:11px;padding:20px;text-align:center}.transfer-actions-row{display:flex;gap:12px;margin-bottom:8px}.transfer-link-btn{background:none;border:none;color:#4264fb;cursor:pointer;font-size:11px;padding:0;text-decoration:underline;transition:color .15s}.transfer-link-btn:hover:not(:disabled){color:#314ccd}.transfer-link-btn:disabled{color:#999;cursor:not-allowed}.transfer-export-btn{align-items:center;background-color:#4264fb;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;justify-content:center;padding:10px 12px;transition:background-color .2s,opacity .2s;width:100%}.transfer-export-btn:hover:not(:disabled){background-color:#314ccd}.transfer-export-btn:disabled{background-color:#ccc;color:#888;cursor:not-allowed}.transfer-export-btn svg{font-size:14px}.transfer-confirm{background-color:#fff8e1;border:1px solid #ffe082;border-radius:4px;padding:12px}.transfer-confirm p{color:#5d4037;font-size:12px;line-height:1.4;margin:0 0 12px}.transfer-confirm-actions{display:flex;gap:8px}.transfer-confirm-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:background-color .2s,opacity .2s}.transfer-confirm-btn.confirm{background-color:#4264fb;color:#fff}.transfer-confirm-btn.confirm:hover:not(:disabled){background-color:#314ccd}.transfer-confirm-btn.cancel{background-color:#e0e0e0;color:#555}.transfer-confirm-btn.cancel:hover:not(:disabled){background-color:#d0d0d0}.transfer-confirm-btn:disabled{cursor:not-allowed;opacity:.6}.cities-expanded-content{background-color:#fafbfc;border-left:2px solid #e9ecef;border-radius:0 4px 4px 0;margin-left:12px;margin-top:4px;padding-bottom:8px;padding-left:12px;padding-top:8px}.cities-sub-controls{display:flex;flex-direction:column;gap:8px;padding:4px 8px}.cities-sub-controls .border-control{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.cities-sub-controls .border-control label{color:#6c757d;font-size:11px;font-weight:500}.cities-sub-controls .border-control input[type=range]{appearance:none;-webkit-appearance:none;background:#dee2e6;border-radius:2px;height:3px;width:100px}.cities-sub-controls .border-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4264fb;border-radius:50%;cursor:pointer;height:12px;width:12px}.cities-sub-controls .border-control input[type=range]::-moz-range-thumb{background:#4264fb;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}.cities-sub-controls .border-control input[type=color]{border:1px solid #ced4da;border-radius:4px;cursor:pointer;height:24px;padding:0;width:24px}.cities-sub-controls .border-control .style-value{color:#6c757d;font-family:monospace;font-size:11px;min-width:32px;text-align:right}.cities-sub-controls .border-control select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:11px;min-width:120px;padding:3px 6px;transition:border-color .2s}.cities-sub-controls .border-control select:hover{border-color:#4264fb}.cities-sub-controls .border-control select:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.cities-sub-controls .border-control .toggle-switch{height:16px;width:32px}.cities-hint{background-color:#f0f8ff;border-left:2px solid #4264fb;border-radius:3px;color:#6c757d;font-size:10px;font-style:italic;line-height:1.3;margin-top:8px;padding:6px 8px}.bulk-export-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.bulk-export-dialog{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:700px;width:90%}.bulk-export-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.bulk-export-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.bulk-export-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.bulk-export-close:hover{background:#ffffff4d;transform:scale(1.1)}.bulk-export-info{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:24px;padding:16px 24px}.info-item{align-items:center;display:flex;gap:8px}.info-label{font-size:13px}.info-value{font-size:14px}.bulk-export-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.bulk-export-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.6;min-height:300px;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.bulk-export-textarea:focus{background:#fff;border-color:#667eea;outline:none}.bulk-export-textarea::selection{background:#bfdbfe}.bulk-export-actions{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.copy-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.copy-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:linear-gradient(135deg,#10b981,#059669)}.copy-button .icon{font-size:18px}.download-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.download-button:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.download-button:active{transform:translateY(0)}.download-button.downloaded{background:linear-gradient(135deg,#10b981,#059669)}.download-button .icon{font-size:18px}.close-dialog-button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.close-dialog-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}@media (max-width:768px){.bulk-export-dialog{max-height:90vh;width:95%}.bulk-export-info{gap:12px}.bulk-export-actions,.bulk-export-info{flex-direction:column}.close-dialog-button,.copy-button,.download-button{width:100%}}.export-box-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.export-box{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-height:85vh;overflow-y:auto;width:360px}.export-box.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.export-box-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 18px}.export-box-header h3{color:#fff;font-size:17px;font-weight:600;margin:0}.close-button-export{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:28px}.close-button-export:hover{background:#ffffff4d;transform:scale(1.1)}.export-box-content{padding:16px 18px 18px}.export-type-toggle{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:14px}.export-type-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;transition:all .2s ease}.export-type-button:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.export-type-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.export-type-button.active .type-icon{transform:scale(1.1)}.export-type-button.active .type-subtitle,.export-type-button.active .type-title{color:#fff}.type-icon{align-items:center;display:flex;flex-shrink:0;font-size:20px;justify-content:center;transition:transform .2s ease}.type-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.type-title{color:#1e293b;font-size:12px;font-weight:600}.type-subtitle,.type-title{line-height:1.3;transition:color .2s ease}.type-subtitle{color:#64748b;font-size:10px}.export-option{margin-bottom:12px}.export-option label{color:#495057;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.delimiter-select{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;padding:7px 9px;transition:border-color .2s ease;width:100%}.delimiter-select:hover{border-color:#adb5bd}.delimiter-select:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.export-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.export-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#495057;cursor:pointer;display:block;padding:9px 11px;text-align:left;transition:all .2s ease;width:100%}.export-button:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.button-content{display:flex;flex-direction:column;gap:1px}.button-title{align-items:center;color:#334155;display:flex;font-size:12px;font-weight:600;gap:7px}.button-title .icon{align-items:center;display:flex;flex-shrink:0;font-size:15px;justify-content:center;width:18px}.button-description{color:#64748b;font-size:10px;font-weight:400;line-height:1.4;margin-left:25px}.filename-input{background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:12px;padding:7px 9px;transition:border-color .2s ease;width:100%}.filename-input:hover{border-color:#adb5bd}.filename-input:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.additional-data-options{display:flex;flex-direction:row;gap:8px;margin-top:0}.additional-data-select{display:flex;flex:1 1;flex-direction:column;gap:3px}.additional-data-select label{color:#666;font-size:10px;font-weight:500;margin-bottom:0}.additional-data-select select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:11px;padding:5px 7px;transition:border-color .2s ease;width:100%}.additional-data-select select:hover{border-color:#adb5bd}.additional-data-select select:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.export-permission-info{align-items:center;background:#fef3c7;border-bottom:1px solid #fbbf24;display:flex;gap:10px;justify-content:space-between;margin:0;padding:10px 16px}.permission-info-content{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.permission-label{color:#92400e;font-size:9px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.permission-value{color:#78350f;font-size:12px;font-weight:700}.permission-plan{background:#fbbf244d;border-radius:8px;color:#78350f;font-size:9px;font-weight:500;padding:2px 7px;text-transform:capitalize}.permission-upgrade-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:5px 14px;transition:all .2s ease;white-space:nowrap}.permission-upgrade-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.permission-upgrade-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.export-error-message{align-items:flex-start;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;display:flex;font-size:11px;gap:7px;line-height:1.5;margin-bottom:12px;padding:10px}.export-error-message .error-icon{flex-shrink:0;font-size:14px}.button-plz-count{color:#64748b;font-size:10px;font-weight:500;margin-left:25px;margin-top:1px}.count-warning{color:#dc2626;font-weight:700}.export-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.export-button:disabled:hover{box-shadow:none;transform:none}@media (max-width:450px){.export-box{max-width:340px;width:92%}.export-box-header{padding:12px 16px}.export-box-header h3{font-size:16px}.close-button-export{font-size:20px;height:26px;width:26px}.export-box-content{padding:14px 16px 16px}}@media (max-width:380px){.export-type-toggle{grid-template-columns:1fr}.type-icon{font-size:18px}.type-title{font-size:11px}.type-subtitle{font-size:9px}}.csv-preview-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;left:50%;margin-left:-400px;max-height:calc(100vh - 100px);overflow:hidden;padding:0;position:absolute;top:80px;width:800px;z-index:10000}.preview-title{align-items:center;background:#f0f0f0;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;color:#333;cursor:move;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.preview-title h2{color:#333;font-size:14px;font-weight:600;margin:0}.preview-content{flex-grow:1;overflow-y:auto;padding:16px}.settings-container{display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.settings-column{flex:1 1}.setting-group{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:8px;padding:8px}.setting-group h3{color:#333;font-size:12px;font-weight:600;margin:0 0 8px}.setting-group label{color:#495057;display:block;font-size:11px;margin-bottom:4px}.setting-group input[type=number],.setting-group select{border:1px solid #ced4da;border-radius:3px;font-size:11px;padding:4px 6px;width:100%}.radio-group label{align-items:center;display:flex;font-size:11px;margin-bottom:4px}.radio-group.horizontal{display:flex;flex-wrap:wrap;gap:12px}.radio-group.horizontal label{margin-bottom:0;white-space:nowrap}.csv-upload-horizontal{align-items:flex-start;display:flex;gap:16px}.csv-upload-horizontal .csv-delimiter-section{flex:0 0 auto;min-width:120px}.csv-upload-horizontal .upload-mode-section{flex:1 1}.color-setting{align-items:center;display:flex;margin-bottom:6px;position:relative}.color-setting label{flex:1 1;margin-bottom:0}.color-setting input[type=color]{border:1px solid #ced4da;border-radius:3px;height:22px;width:45px}.color-setting input[type=number]{-moz-appearance:textfield;border:1px solid #ced4da;border-radius:3px;height:26px;padding:0 14px 0 2px;text-align:center;width:60px}.color-setting input[type=number]::-webkit-inner-spin-button{background:#f8f9fa;border-left:1px solid #ced4da;cursor:pointer;height:24px;margin:0;opacity:1;position:absolute;right:1px;top:1px;width:14px}.color-setting input[type=number]::-webkit-inner-spin-button:hover{background:#e9ecef}.color-steps-preview{border:1px solid #e9ecef;border-radius:4px;display:flex;margin-bottom:16px;overflow:hidden}.color-step{color:#fff;flex:1 1;font-size:11px;padding:8px;text-align:center;text-shadow:0 1px 2px #0003}.table-container{border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;overflow:hidden}.csv-table{border-collapse:collapse;width:100%}.csv-table td,.csv-table th{border:1px solid #e9ecef;font-size:12px;padding:8px}.csv-table th{background-color:#f8f9fa;font-weight:600}.csv-table th input,.csv-table th select{border:1px solid #ced4da;border-radius:4px;font-size:12px;padding:4px;width:100%}.button-group{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end;padding:8px 12px}.cancel-button,.confirm-button{border:none;border-radius:3px;cursor:pointer;font-size:11px;font-weight:500;padding:5px 10px;transition:opacity .2s}.confirm-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover,.confirm-button:hover{opacity:.9}.cancel-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.5}.loading-overlay{align-items:center;background-color:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1100}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#3498db;height:24px;width:24px}.drag-handle{font-weight:700}.plz-stats{background:#fff;border-radius:4px;font-size:12px;margin-top:8px;padding:8px}.plz-stat-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:6px 8px}.plz-stat-row:last-child{border-bottom:none}.plz-stat-row label{color:#495057;font-weight:500;margin-bottom:0}.plz-stat-row span{background:#f8f9fa;border-radius:4px;color:#333;font-weight:600;min-width:40px;padding:2px 8px;text-align:center}.plz-stat-row.invalid{color:#dc3545}.plz-stat-row.invalid span{background:#fff5f5;color:#dc3545}.plz-stat-row.total{border-top:2px solid #eee;font-weight:600;margin-top:8px;padding-top:8px}.plz-stat-row.total span{background:#e9ecef;color:#212529}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center}.spinner-small{--spinner-size:20px;--border-width:2px}.spinner-medium{--spinner-size:40px;--border-width:3px}.spinner-large{--spinner-size:60px;--border-width:4px}.spinner{animation:spin .8s linear infinite;border:var(--border-width) solid #4f46e51a;border-radius:50%;border-top-color:#4f46e5;height:var(--spinner-size);position:relative;width:var(--spinner-size)}.spinner-inner{animation:spinInner 1.2s linear infinite;border:var(--border-width) solid #0000;border-radius:50%;border-top-color:inherit;height:60%;left:50%;margin-left:calc(var(--spinner-size)*-.3);margin-top:calc(var(--spinner-size)*-.3);position:absolute;top:50%;width:60%}@keyframes spinInner{to{transform:rotate(-1turn)}}.spinner-message{color:#64748b;font-size:.875rem;font-weight:500;margin:0;text-align:center}.spinner-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.spinner-container.dark .spinner{border-color:#fff #fff3 #fff3}.spinner-container.dark .spinner-inner{border-top-color:#fff}.spinner-container.dark .spinner-message{color:#e2e8f0}.spinner-overlay.dark{background:#000000b3}.plz-list-import{font-size:12px;margin-top:10px}.plz-textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:12px;margin-bottom:8px;min-height:60px;padding:6px;resize:vertical;width:100%}.import-controls{grid-gap:8px;background:#f8f9fa;border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px;padding:8px}.control-group{display:flex;flex-direction:column;gap:2px}.control-group label{color:#666;font-size:11px;font-weight:500;margin-bottom:1px}.control-group select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:11px;height:22px;padding:2px 4px;transition:border-color .2s,box-shadow .2s;width:100%}.analysis-results{background-color:#f8f9fa;border-radius:4px;margin:8px 0;padding:8px}.analysis-results h5{color:#333;font-size:12px;margin:0 0 8px}.select-all-button{background-color:#f8f9fa;border:1px solid #4a90e2;border-radius:3px;color:#4a90e2;cursor:pointer;font-size:12px;height:24px;margin-bottom:8px;padding:4px 8px;transition:all .2s;width:100%}.select-all-button:hover{background-color:#e8f0fe}.select-all-button.active{background-color:#4a90e2;color:#fff}.plz-type-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.plz-type-item{background-color:#fff;border:1px solid #dee2e6;border-radius:3px;cursor:pointer;padding:6px;transition:all .2s}.plz-type-item:hover{background-color:#f8f9fa;border-color:#4a90e2}.plz-type-item.selected{background-color:#e8f0fe;border-color:#4a90e2}.plz-type-item.invalid{border-color:#dc3545;cursor:not-allowed;opacity:.7}.plz-type-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.plz-type-name{font-size:11px;font-weight:500}.plz-type-count{align-items:center;background-color:#e9ecef;border-radius:10px;color:#495057;display:flex;font-size:10px;gap:4px;padding:2px 6px}.plz-list-preview{color:#666;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:8px;padding:6px 12px;transition:background-color .2s;width:100%}.import-button:hover:not(:disabled){background-color:#357abd}.import-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.radius-slider-container{display:flex;flex-direction:column;gap:10px;min-width:300px}.slider-controls{align-items:center;display:flex;gap:8px;width:100%}.radius-slider-container input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:2px;flex:1 1;height:4px;outline:none}.radius-slider-container input[type=number]{border:1px solid #ddd;border-radius:4px;padding:2px 4px;text-align:center;width:50px}.radius-ok-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 12px}.radius-ok-button:hover{background:#45a049}.mapboxgl-canvas-container.mapboxgl-interactive.pin-tool-active{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 384 512'%3E%3Cpath fill='%231976D2' d='M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E") 12 24,auto}.map-pin{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 384 512'%3E%3Cpath fill='%231976D2' d='M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;height:24px;pointer-events:none;position:absolute;transform:translate(-50%,-100%);width:24px}.radius-button-container{display:flex;gap:5px;margin-left:8px}.radius-close-button{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px 8px}.radius-close-button:hover{background:#d32f2f}.plz-info-container{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#1976d2;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px;gap:8px;padding:8px 12px}.plz-info-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%231976D2' d='M215.7 499.2C267 435 384 279.4 384 192 384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2 12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;flex-shrink:0;height:14px;opacity:.8;width:14px}.plz-number{color:#1976d2;flex-shrink:0;font-weight:600}.plz-ort{color:#424242;font-weight:400;margin-left:8px;overflow:hidden;padding-left:8px;position:relative;text-overflow:ellipsis;white-space:nowrap}.plz-ort:before{background:#e0e0e0;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}.plz-info-container.no-plz{color:#757575;font-style:italic;font-weight:400}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapbox-gl-draw_ctrl-bottom-left,.mapbox-gl-draw_ctrl-top-left{border-radius:0 4px 4px 0;margin-left:0}.mapbox-gl-draw_ctrl-bottom-right,.mapbox-gl-draw_ctrl-top-right{border-radius:4px 0 0 4px;margin-right:0}.mapbox-gl-draw_ctrl-draw-btn{border-color:#000000e6;color:#ffffff80;height:30px;width:30px}.mapbox-gl-draw_ctrl-draw-btn.active,.mapbox-gl-draw_ctrl-draw-btn.active:hover{background-color:#0000000d}.mapbox-gl-draw_ctrl-draw-btn{background-position:50%;background-repeat:no-repeat}.mapbox-gl-draw_point{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m10 2c-3.3 0-6 2.7-6 6s6 9 6 9 6-5.7 6-9-2.7-6-6-6zm0 2c2.1 0 3.8 1.7 3.8 3.8 0 1.5-1.8 3.9-2.9 5.2h-1.7c-1.1-1.4-2.9-3.8-2.9-5.2-.1-2.1 1.6-3.8 3.7-3.8z"/>%3C/svg>')}.mapbox-gl-draw_polygon{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m15 12.3v-4.6c.6-.3 1-1 1-1.7 0-1.1-.9-2-2-2-.7 0-1.4.4-1.7 1h-4.6c-.3-.6-1-1-1.7-1-1.1 0-2 .9-2 2 0 .7.4 1.4 1 1.7v4.6c-.6.3-1 1-1 1.7 0 1.1.9 2 2 2 .7 0 1.4-.4 1.7-1h4.6c.3.6 1 1 1.7 1 1.1 0 2-.9 2-2 0-.7-.4-1.4-1-1.7zm-8-.3v-4l1-1h4l1 1v4l-1 1h-4z"/>%3C/svg>')}.mapbox-gl-draw_line{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m13.5 3.5c-1.4 0-2.5 1.1-2.5 2.5 0 .3 0 .6.2.9l-3.8 3.8c-.3-.1-.6-.2-.9-.2-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.3 0-.6-.2-.9l3.8-3.8c.3.1.6.2.9.2 1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5z"/>%3C/svg>')}.mapbox-gl-draw_trash{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M10,3.4 c-0.8,0-1.5,0.5-1.8,1.2H5l-1,1v1h12v-1l-1-1h-3.2C11.5,3.9,10.8,3.4,10,3.4z M5,8v7c0,1,1,2,2,2h6c1,0,2-1,2-2V8h-2v5.5h-1.5V8h-3 v5.5H7V8H5z"/>%3C/svg>')}.mapbox-gl-draw_uncombine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="m12 2c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm4 4c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l1 1c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-1-1c-.2-.2-.4-.3-.7-.3zm-7 1c-1 0-1 1-.5 1.5.3.3 1 1 1 1l-1 1s-.5.5 0 1 1 0 1 0l1-1 1 1c.5.5 1.5.5 1.5-.5v-4zm-5 3c-.3 0-.5.1-.7.3l-1 1c-.4.4-.4 1 0 1.4l4.9 4.9c.4.4 1 .4 1.4 0l1-1c.4-.4.4-1 0-1.4l-4.9-4.9c-.1-.2-.4-.3-.7-.3z"/>%3C/svg>')}.mapbox-gl-draw_combine{background-image:url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="20" height="20">%3Cpath d="M12.1,2c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l4.9,4.9c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-4.9-4.9C12.6,2.1,12.3,2,12.1,2z M8,8C7,8,7,9,7.5,9.5c0.3,0.3,1,1,1,1l-1,1c0,0-0.5,0.5,0,1s1,0,1,0l1-1l1,1 C11,13,12,13,12,12V8H8z M4,10c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1c0.4-0.4,0.4-1,0-1.4 l-1-1C4.5,10.1,4.3,10,4,10z M8,14c-0.3,0-0.5,0.1-0.7,0.3l-1,1c-0.4,0.4-0.4,1,0,1.4l1,1c0.4,0.4,1,0.4,1.4,0l1-1 c0.4-0.4,0.4-1,0-1.4l-1-1C8.5,14.1,8.3,14,8,14z"/>%3C/svg>')}.mapboxgl-map.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:pointer}.mapboxgl-map.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mouse-add .mapboxgl-canvas-container.mapboxgl-interactive{cursor:crosshair}.mapboxgl-map.mouse-move.mode-direct_select .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-webkit-grab}.mapboxgl-map.mode-direct_select.feature-vertex.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-direct_select.feature-midpoint.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:cell}.mapboxgl-map.mode-direct_select.feature-feature.mouse-move .mapboxgl-canvas-container.mapboxgl-interactive{cursor:move}.mapboxgl-map.mode-static.mouse-pointer .mapboxgl-canvas-container.mapboxgl-interactive{cursor:grab;cursor:-webkit-grab}.mapbox-gl-draw_boxselect{background:#0000001a;border:2px dotted #fff;height:0;left:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:0}.area-manager{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;left:20px;margin-right:20px;max-height:calc(100vh - 100px);max-width:600px;min-height:200px;min-width:280px;overflow:auto;pointer-events:auto;position:absolute;resize:both;top:80px;-webkit-user-select:none;user-select:none;z-index:9999}.area-manager.dragging{opacity:.8}.area-manager.minimized{height:auto;min-height:0;min-height:auto}.area-manager-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;cursor:move;display:flex;justify-content:space-between;padding:10px}.area-manager .tour-help-button{align-items:center;background:#667eea26;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.area-manager .tour-help-button:hover{background:#667eea40;transform:scale(1.1)}.area-manager .tour-help-button svg{font-size:14px}.area-manager-header h3{color:#333;font-size:16px;margin:0}.drag-handle{cursor:move}.area-manager-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;padding:12px}.section-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:8px 0;position:sticky;top:0;z-index:1}.section-header h4{color:#444;font-size:14px;margin:0}.collapse-icon{color:#666;font-size:18px}.areas-list{flex-grow:1;margin-top:8px;overflow-y:auto;padding-right:4px}.areas-list::-webkit-scrollbar{width:6px}.areas-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:4px 0}.areas-list::-webkit-scrollbar-thumb{background:#c1c1c1;background-clip:padding-box;border:2px solid #f1f1f1;border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.areas-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1;background-clip:padding-box;border:2px solid #f1f1f1}.areas-list::-webkit-scrollbar-button{display:none}.areas-list{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.area-item{background:#f8f8f8;border-radius:4px;margin:4px 0;padding:8px}.area-item:hover{background:#eee}.area-item.active{background:#e3f2fd;border-left:3px solid #1976d2}.area-content{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:2fr 1fr 80px;width:100%}.area-name{gap:8px;min-width:0}.area-name-text{color:#333;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.area-date{color:#666;font-size:12px;white-space:nowrap}.area-actions{display:flex;gap:8px;justify-content:flex-end}.date-cell{padding:0 8px}.no-areas-message{background:#f8f8f8;border-radius:4px;color:#666;font-style:italic;padding:12px;text-align:center}.header-content{flex-direction:column;gap:4px;width:100%}.header-top{flex-wrap:wrap;width:100%}.header-title-group,.header-top{align-items:center;display:flex;gap:8px}.header-buttons-right{margin-left:auto}.add-area-button{color:#4caf50;cursor:pointer;font-size:24px;transition:all .2s ease}.add-area-button:hover{color:#45a049;transform:scale(1.1)}.add-area-button.disabled{color:#999;cursor:not-allowed;opacity:.5}.add-area-button.disabled:hover{color:#999;transform:none}.area-limit-info{align-self:flex-start;background:#f8f8f8;border:1px solid #e0e0e0;border-radius:3px;color:#666;font-size:10px;max-width:100%;overflow:hidden;padding:1px 4px;text-overflow:ellipsis;white-space:nowrap}.area-limit-info.limit-reached{background:#fff3f3;border-color:#ffcdd2;color:#d32f2f}.add-area-dialog{background:#fff;border:1px solid #ccc;border-radius:4px;margin:10px;padding:10px}.add-area-dialog input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.dialog-buttons button{padding:5px 10px}.dialog-buttons button:first-child{background:#4caf50}.dialog-buttons button:last-child{background:#f44336}.area-item-right{flex-shrink:0}.delete-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;justify-content:center;opacity:.6;padding:4px;transition:opacity .2s}.delete-button:hover{color:#f44336;opacity:1}.area-item:hover .delete-button{opacity:.8}.fa-icon{color:#0d6efd;cursor:pointer;font-size:1rem;transition:all .2s}.header-buttons{align-items:center;display:flex;gap:8px}.sort-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.sort-select:hover{border-color:#999}.sort-select:focus{border-color:#666;box-shadow:0 0 0 2px #0000001a;outline:none}.group-button{align-items:center;background:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px 8px}.group-button:hover{background:#357abd}.group-members{min-width:0;width:calc(100% - 30px)}.grouped-area{background:#4a90e20d;margin-left:0;min-width:0;width:100%}.grouped-area .area-name,.grouped-area .area-name-text{flex:1 1;min-width:0}.expand-icon{color:#4a90e2;cursor:pointer;margin-right:8px;width:12px}.expand-icon:hover{color:#357abd}.area-item.selected{background-color:#4a90e21a;border:1px solid #4a90e2}.group-icon{color:#4a90e2;margin-right:8px}.area-name{align-items:center;display:flex}.areas-list:before{display:none}.area-name-text:hover:after{word-wrap:break-word;background:#333;border-radius:4px;color:#fff;content:attr(data-full-name);font-size:12px;left:0;max-width:200px;padding:4px 8px;position:absolute;top:100%;white-space:normal;z-index:1000}.edit-icon{color:#666;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.area-name-text:hover .edit-icon{opacity:1}.edit-icon:hover{color:#4a90e2}.group-name-input{background:#fff;border:1px solid #4a90e2;border-radius:4px;font-size:14px;outline:none;padding:2px 6px}.group-name-input:focus{box-shadow:0 0 0 2px #4a90e233}.area-item.drop-target{background-color:#4a90e226;border:2px dashed #4a90e2}.area-item.drop-target .group-icon{color:#357abd;transform:scale(1.2);transition:transform .2s}.grouped-area{cursor:default}.area-item:not(.grouped-area):active{cursor:grabbing}.areas-list:after{background:#f5f5f5;border-radius:4px;color:#666;content:"Ziehen Sie Areas auf eine Gruppe, um sie hinzuzufügen";display:block;font-size:12px;margin-top:8px;padding:4px 8px}.edit-icon{color:#4a90e2}.edit-icon:hover{color:#357abd}.area-item .fa-icon{opacity:0;transition:opacity .2s ease}.area-item:hover .fa-icon{opacity:1}.area-item-right{align-items:center;display:flex;gap:8px}.delete-icon:hover{color:#dc3545}.area-manager.drop-target{background-color:#4a90e20d;border:2px dashed #4a90e2}.area-manager.drop-target:after{background:#fff;border-radius:4px;color:#4a90e2;content:"Area aus Gruppe entfernen";display:block;font-size:12px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.area-item,.grouped-area{cursor:grab}.area-item{position:relative;transition:transform .2s ease,box-shadow .2s ease}.area-item.dragging{cursor:grabbing;opacity:.5}.area-item.drop-target{box-shadow:0 -2px 0 #4a90e2;transform:translateY(2px)}.area-item.drop-target:before{animation:pulse 1s infinite;background-color:#4a90e2;content:"";height:2px;left:0;position:absolute;right:0;top:-2px}.area-item:hover{background-color:#4a90e21a}.area-item.dragging:hover{background-color:#4a90e233}.group-container{margin-bottom:8px}.group-members{border-left:2px solid #4a90e233;margin-left:20px;padding-left:10px}.area-item:after{color:#666;content:attr(data-drag-hint);font-size:.8em;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.area-item:hover:after{opacity:1}.area-item[data-drag-hint]:after{display:none}.tools-container{left:640px;position:fixed;top:80px;z-index:9998}.list-header-info{margin-bottom:8px}.info-text{color:#666;font-size:12px;padding:4px 8px}.info-text,.list-header{background:#f5f5f5;border-radius:4px;margin-bottom:8px}.list-header{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:2fr 1fr 80px;padding:8px}.header-cell{align-items:center;color:#666;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:0 8px;-webkit-user-select:none;user-select:none}.header-cell:not(.actions-cell):hover{color:#4a90e2}.actions-cell{cursor:default}.sort-arrows{display:flex;flex-direction:column;gap:0;margin-left:4px}.arrow{font-size:8px;line-height:8px;opacity:.3;transition:opacity .2s ease}.arrow.active{color:#4a90e2;opacity:1}.header-cell:hover .arrow{opacity:.6}.header-cell:hover .arrow.active{opacity:1}.area-list-header{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:2fr 1fr 80px;width:100%}.area-name{grid-column:1}.area-date{grid-column:2;padding:0 8px;text-align:left}.area-item-right{grid-column:3;justify-content:flex-end}.search-container-area{align-items:center;display:flex;flex:1 1;margin-left:auto;margin-right:8px;max-width:200px;position:relative}.search-input-area{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;outline:none;padding:6px 30px 6px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-input-area:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.search-input-area::placeholder{color:#999;font-style:italic}.clear-search-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:2px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.clear-search-button:hover{background:#f0f0f0;color:#666}@media (max-width:480px){.search-container-area{max-width:150px}.header-top{align-items:stretch;flex-direction:column;gap:6px}.search-container-area{margin:0;max-width:none}}.confirm-load-dialog-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.confirm-load-dialog-container{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;font-family:inherit;max-width:calc(100vw - 40px);padding:20px;width:420px}.confirm-load-dialog-container h3{font-size:18px;font-weight:600;margin:0 0 10px}.confirm-load-dialog-container p{font-size:14px;line-height:1.5;margin:0 0 16px}.confirm-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.confirm-button.all{background:#2d7ef7;color:#fff}.confirm-button.limited{background:#e9eefc;color:#2d7ef7}.add-area-dialog-overlay{align-items:center;animation:addAreaFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:100000}@keyframes addAreaFadeIn{0%{opacity:0}to{opacity:1}}.add-area-dialog-container{animation:addAreaSlideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;cursor:default;display:flex;flex-direction:column;max-height:90vh;max-width:420px;overflow:hidden;width:100%}@keyframes addAreaSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-area-dialog-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:14px 20px}.add-area-dialog-header h2{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:8px;margin:0}.add-area-dialog-header h2 svg{font-size:.9rem;opacity:.9}.add-area-dialog-container .close-button{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;min-width:28px;transition:all .15s ease;width:28px}.add-area-dialog-container .close-button:hover{background:#fff3}.add-area-dialog-content{padding:20px}.add-area-dialog-container .area-select,.add-area-dialog-container input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.9rem;height:38px;margin-bottom:16px;padding:0 12px;transition:all .2s ease;width:100%}.add-area-dialog-container .area-select:focus,.add-area-dialog-container input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-area-dialog-container input::placeholder{color:#94a3b8}.add-area-dialog-container .area-select{color:#374151;cursor:pointer}.add-area-dialog-content .dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.add-area-dialog-content .dialog-buttons button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;height:38px;padding:0 16px;transition:all .2s ease}.add-area-dialog-content .dialog-buttons .cancel-button{background:#f1f5f9!important;color:#64748b!important}.add-area-dialog-content .dialog-buttons .cancel-button:hover{background:#e2e8f0!important}.add-area-dialog-content .dialog-buttons .submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.add-area-dialog-content .dialog-buttons .submit-button:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-1px)}.add-area-dialog-content .dialog-buttons .submit-button:disabled{background:#ccc!important;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:480px){.add-area-dialog-overlay{padding:10px}.add-area-dialog-header{padding:12px 16px}.add-area-dialog-header h2{font-size:.9rem}.add-area-dialog-content{padding:16px}.add-area-dialog-content .dialog-buttons{flex-direction:column-reverse}.add-area-dialog-content .dialog-buttons button{width:100%}}.delete-area-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.delete-area-dialog-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:300px;padding:20px}.delete-area-dialog-container h3{color:#333;margin:0 0 20px}.delete-area-dialog-container p{color:#666;margin:0 0 20px}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end}.dialog-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 16px}.dialog-buttons button:first-child{background:#f44336;color:#fff}.dialog-buttons button:last-child{background:#9e9e9e;color:#fff}.search-results-dialog-overlay{align-items:center;background:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.search-results-dialog-container{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;font-family:inherit;max-width:calc(100vw - 40px);padding:12px 14px;width:420px}.search-results-dialog-container h3{font-size:16px;font-weight:600;margin:0 0 12px}.results-list{display:flex;flex-direction:column;gap:6px;max-height:45vh;overflow:auto}.result-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.result-item:hover{background:#e9eefc;border-color:#cbd5e1}.result-city{color:#111827;font-size:14px;font-weight:600}.result-plz{color:#6b7280;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;margin-top:8px}.cancel-button{background:#f2f2f2;border-radius:6px;font-size:14px;padding:8px 12px}.toolbox{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:default;min-width:250px;position:absolute;top:80px;z-index:1000}.toolbox.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.toolbox.minimized{border-radius:8px;height:auto;min-height:0;min-height:auto}.toolbox-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;cursor:move;display:flex;justify-content:space-between;padding:10px}.toolbox.minimized .toolbox-header{border-bottom:none;border-radius:8px}.header-controls{align-items:center;display:flex;gap:10px}.minimize-button{cursor:pointer;font-size:18px;padding:0 5px;-webkit-user-select:none;user-select:none}.minimize-button:hover{color:#666}.toolbox-header:active{cursor:grabbing}.toolbox-header h3{color:#333;font-size:16px;margin:0}.drag-handle{color:#666;cursor:grab;font-size:14px}.toolbox-content{display:flex;flex-direction:row;gap:8px;padding:8px}.tool-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#1976d2;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:40px}.tool-button:hover{background:#f5f5f5;border-color:#1976d2}.tool-button.active{background-color:#e3f2fd;border:1px solid #1976d2;color:#0d47a1}.tool-button.active:hover{background:#e3f2fd;border-color:#0d47a1}.polygon-button-content{display:inline-block;position:relative}.polygon-button-content:after{align-items:center;border-radius:50%;bottom:-8px;color:#fff;display:flex;font-size:14px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-8px;width:16px}.polygon-button-content.plus:after{background-color:#4caf50;border:1px solid #45a049;content:"+"}.polygon-button-content.minus:after{background-color:#f44336;border:1px solid #da190b;content:"−"}.polygon-button-content{align-items:center;display:flex;gap:2px;justify-content:center}.select-cursor-active{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' width='24' height='24'%3E%3Cpath d='M128 40c0-22.1 17.9-40 40-40s40 17.9 40 40v148.2L358.6 167c15.1-1.9 30.7 3.4 41.7 14.4s16.3 26.5 14.4 41.7L398.4 408c-1.9 15.1-9.5 28.8-21.4 38.1s-26.9 14-41.9 12.1L64 417.7c-15.1-1.9-28.8-9.5-38.1-21.4s-14-26.9-12.1-42L30.1 183c1.9-15.1 9.5-28.8 21.4-38.1s26.9-14.1 42-12.2l34.5 4.4V40z'/%3E%3C/svg%3E") 0 0,pointer}.toolbox-separator{align-self:stretch;background-color:#ddd;margin:0 4px;width:1px}.tool-button.redo-button,.tool-button.undo-button{position:relative}.tool-button.disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.tool-button.disabled:hover{background:#fff;border-color:#ddd}.undo-redo-count{align-items:center;background-color:#1976d2;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;right:-6px;top:-6px}.conflict-dialog,.undo-redo-count{border-radius:8px;position:absolute}.conflict-dialog{background:#fff;border:2px solid #ff9800;box-shadow:0 4px 16px #0003;left:0;margin-top:8px;min-width:280px;overflow:hidden;right:0;top:100%;z-index:1001}.conflict-header{background:#fff3e0;border-bottom:1px solid #ffcc80;color:#e65100;font-weight:700;padding:10px 12px}.conflict-content{padding:12px}.conflict-content p{color:#333;font-size:13px;margin:0 0 10px}.conflict-details{background:#f5f5f5;border-radius:4px;font-size:12px;padding:8px 12px}.conflict-details div{margin:4px 0}.conflict-details strong{color:#1976d2}.conflict-actions{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;padding:12px}.conflict-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:8px 16px;transition:all .2s ease}.conflict-btn.cancel{background:#f5f5f5;color:#666}.conflict-btn.cancel:hover{background:#e0e0e0}.conflict-btn.force{background:#ff9800;color:#fff}.conflict-btn.force:hover{background:#f57c00}.export-filename-dialog-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.export-filename-dialog-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0003;max-width:90vw;padding:16px;width:320px}.export-filename-dialog-container h3{color:#333;font-size:16px;margin:0 0 12px}.export-filename-dialog-container input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px 10px;width:100%}.export-filename-dialog-container input[type=text]:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.dialog-buttons_download{display:flex;gap:8px;justify-content:flex-end}.confirm-button_download{background-color:#4264fb;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.confirm-button_download:disabled{background-color:#bfc7fb;cursor:not-allowed}.cancel-button_download{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:6px 12px}.export-preview-dialog-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.export-preview-dialog-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95vw}.export-preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:16px 24px}.export-preview-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.close-button{background:none;border-radius:4px;color:#666;font-size:18px;padding:4px;transition:color .2s,background-color .2s}.close-button:hover{background-color:#e9ecef;color:#333}.export-preview-content{display:flex;flex:1 1;overflow:hidden}.preview-section{background:#f1f3f4;flex:1 1;padding:20px}.preview-canvas-container,.preview-section{align-items:center;display:flex;justify-content:center}.preview-canvas-container{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:100%;max-width:100%;padding:10px}.preview-canvas{border-radius:4px;cursor:crosshair;max-height:100%;max-width:100%}.controls-section{background:#fafbfc;border-left:1px solid #e1e5e9;display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:20px;width:350px}.file-name-section{display:flex;flex-direction:column;gap:8px}.file-name-section label{color:#333;font-size:14px;font-weight:500}.file-name-section input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.file-name-section input:focus{border-color:#4264fb;box-shadow:0 0 0 3px #4264fb1a;outline:none}.text-controls{display:flex;flex-direction:column;gap:16px}.control-header{align-items:center;display:flex;justify-content:space-between}.control-header h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.add-text-button{align-items:center;background:#4264fb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:background-color .2s}.add-text-button:hover{background:#3451e6}.text-list-container{background:#fff;border:1px solid #e1e5e9;border-radius:8px;margin-bottom:16px;overflow:hidden}.text-list-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.text-list-header:hover{background:#e9ecef}.text-list-content{max-height:200px;overflow-y:auto}.text-list-content::-webkit-scrollbar{width:6px}.text-list-content::-webkit-scrollbar-track{background:#f1f1f1}.text-list-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.text-list-content::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.text-list-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.text-list-item:last-child{border-bottom:none}.text-list-item:hover{background:#f8f9fa}.text-list-item.selected{background:#e3f2fd;border-left:3px solid #4264fb}.text-item-preview{display:flex;flex:1 1;flex-direction:column;gap:2px}.text-content-preview{color:#333;font-size:13px;font-weight:500}.text-properties-preview{color:#666;font-size:11px}.text-item-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;opacity:.7;padding:4px 6px;transition:opacity .2s}.text-item-delete:hover{opacity:1}.text-editor{background:#fff;border:1px solid #e1e5e9;border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.text-editor-header{margin-bottom:8px}.text-editor-header h5{color:#333;font-size:14px;font-weight:600;margin:0}.text-input-group{display:flex;flex-direction:column;gap:6px}.text-input-group label{color:#333;font-size:13px;font-weight:500}.text-input-group input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:8px 10px}.text-input-group input:focus{border-color:#4264fb;box-shadow:0 0 0 2px #4264fb1a;outline:none}.text-properties{gap:12px}.property-group,.text-properties{display:flex;flex-direction:column}.property-group{gap:4px}.property-group label{color:#555;font-size:12px;font-weight:500}.property-group input[type=range]{width:100%}.property-group input[type=color]{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:30px;width:50px}.property-group select{border:1px solid #d1d5db;border-radius:4px;font-size:12px;padding:6px 8px}.property-group span{color:#666;font-size:11px}.delete-text-button{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:6px;padding:8px 12px;transition:background-color .2s}.delete-text-button:hover{background:#c82333}.no-texts{background:#fff;border:1px solid #e1e5e9;border-radius:8px;color:#666;font-size:13px;font-style:italic;padding:20px;text-align:center}.branding-controls{display:flex;flex-direction:column;gap:12px}.branding-controls h4{font-size:16px;font-weight:600;margin:0}.branding-controls h4,.checkbox-label{align-items:center;color:#333;display:flex;gap:8px}.checkbox-label{cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{margin:0}.external-logo-section{border-top:1px solid #e1e5e9;margin-top:16px;padding-top:16px}.logo-upload-section{display:flex;flex-direction:column;gap:12px;margin-top:12px}.file-input{display:none}.file-upload-button{align-items:center;background:#4264fb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;padding:8px 16px;text-decoration:none;transition:background-color .2s;width:fit-content}.file-upload-button:hover{background:#3451e6}.logo-preview{align-items:center;background:#f8f9fa;border:1px solid #e1e5e9;border-radius:6px;display:flex;gap:12px;padding:12px}.logo-preview-image{background:#fff;border:1px solid #d1d5db;border-radius:4px;height:40px;object-fit:contain;width:40px}.logo-filename{color:#666;flex:1 1;font-size:12px;word-break:break-all}.export-preview-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.export-preview-cancel-button{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.export-preview-cancel-button:hover{background:#5a6268}.export-preview-export-button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.export-preview-export-button:hover{background:#218838}.export-preview-export-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.export-preview-export-button:disabled:hover{background:#6c757d}@media (max-width:1200px){.export-preview-dialog-container{height:95vh;width:98vw}.controls-section{width:300px}}@media (max-width:768px){.export-preview-content{flex-direction:column}.preview-section{flex:1 1;min-height:60%}.controls-section{border-left:none;border-top:1px solid #e1e5e9;max-height:40%;width:100%}}.dashboard-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.dashboard-main{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:15rem;overflow:hidden;width:calc(100% - 15rem)}.dashboard-fixed-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0;padding:.5rem 2rem}.dashboard-overview-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem 2rem}.kpi-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{align-items:center;justify-content:center}.kpi-icon-wrapper.owned{background:#dcfce7}.kpi-icon-wrapper.shared{background:#f3f4f6}.kpi-icon-wrapper.owned .kpi-icon{color:#16a34a}.kpi-icon-wrapper.shared .kpi-icon{color:#64748b}.kpi-content{align-items:center;text-align:center;width:100%}.kpi-value{color:#1e293b;font-size:1.5rem;font-weight:700}.kpi-value.owned{color:#16a34a}.kpi-value.shared{color:#64748b}.kpi-value.over-limit{color:#dc2626!important}.kpi-label{font-size:.875rem}.kpi-content-full{display:flex;flex-direction:column;gap:.5rem;width:100%}.kpi-progress-header{align-items:center;display:flex;justify-content:space-between}.kpi-progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.kpi-progress-fill{background:#1e293b;border-radius:2px}.kpi-progress-fill.over-limit{background:#dc2626!important}.dashboard-projects-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:.5rem 2rem}.dashboard-projects-section.list-view{overflow:hidden}.stats-grid-horizontal{align-items:center;display:flex;gap:3rem;justify-content:flex-start}.stat-item-horizontal{align-items:center;display:flex;gap:.75rem;min-width:0}.stat-icon-wrapper-horizontal{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.stat-icon-wrapper-horizontal.owned{background:#dcfce7}.stat-icon-wrapper-horizontal.shared{background:#f3f4f6}.stat-icon-horizontal{color:#64748b;font-size:.875rem}.stat-icon-wrapper-horizontal.owned .stat-icon-horizontal{color:#16a34a}.stat-icon-wrapper-horizontal.shared .stat-icon-horizontal{color:#64748b}.stat-content-horizontal{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.stat-value-horizontal{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stat-value-horizontal.owned{color:#16a34a}.stat-value-horizontal.shared{color:#64748b}.stat-label-horizontal{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.progress-container-horizontal{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;margin-left:auto;min-width:0}.progress-content-horizontal{align-items:center;display:flex;gap:.75rem}.progress-label-horizontal{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.progress-percentage-horizontal{color:#1e293b;font-size:1.5rem;font-weight:700}.progress-bar-horizontal{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:200px}.progress-fill-horizontal{background:#1e293b;border-radius:2px;height:100%;transition:width .3s ease}.progress-text-compact{color:#64748b;font-size:.875rem;font-weight:500;white-space:nowrap}.create-project-btn{background:linear-gradient(135deg,#2c2c5a,#4f46e5);font-size:.9rem;font-weight:600;height:44px;min-width:fit-content;transition:all .2s ease;white-space:nowrap}.create-project-btn:hover{box-shadow:0 8px 25px #2c2c5a4d;transform:translateY(-2px)}.create-project-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.new-project-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.new-project-btn:hover{background:#334155;box-shadow:0 4px 12px #1e293b4d;transform:translateY(-1px)}.filters-section{border-top:1px solid #f1f5f9;margin-top:1rem;padding-top:1rem}.search-container-dashboard{flex:1 1;max-width:400px;position:relative;z-index:10}.search-icon{color:#9ca3af;font-size:.875rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.search-input{background:#fff;border:2px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#1e293b;font-size:.875rem;font-weight:500;padding:.625rem 1rem .625rem 2.5rem;transition:all .2s ease;width:100%}.search-input::placeholder{color:#64748b;font-weight:400}.search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a,0 1px 3px #0000001a;outline:none}.controls-container{align-items:center;display:flex;gap:1rem}.view-toggle{background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.view-toggle-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:.4rem .6rem;transition:all .2s ease}.view-toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#4f46e5}.dropdown-container{position:relative}.dropdown-trigger{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.625rem .875rem;transition:all .2s ease;white-space:nowrap}.dropdown-trigger:hover{background:#fff;border-color:#4f46e5}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{font-size:.9rem;transition:background-color .2s ease;white-space:nowrap}.sort-direction-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;padding:.625rem;transition:all .2s ease;width:38px}.sort-direction-btn:hover{background:#fff;border-color:#4f46e5}.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:1rem}.project-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;min-height:200px;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.project-card-header-section{background:linear-gradient(135deg,#f8fafc 10%,#2c2c5a 50%,#f8fafc);border-bottom:1px solid #e2e8f0;opacity:.8;padding:.75rem;position:relative}.project-card-header-section:before{background:linear-gradient(135deg,#2c2c5a08,#4f46e50d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.project-card-actions{display:flex;gap:8px;opacity:1;position:absolute;right:12px;top:12px;transition:all .2s ease}.project-card-content{display:flex;flex:1 1;flex-direction:column;padding:.75rem}.project-card-header{flex:1 1;margin-bottom:.5rem}.project-card-title{color:#1e293b;font-size:1rem;font-weight:700;line-height:1.3;margin:0}.project-card-description{-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:.5rem 0 0;overflow:hidden}.project-badges{align-items:center;display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem;margin-top:auto}.project-badge-db{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;line-height:1;padding:0 .75rem;white-space:nowrap}.project-badge-db.shared{background:#fef3c7;color:#92400e;margin:10px 0 0}.project-badge-db.owned{background:#dcfce7;color:#166534;margin:10px 0 0}.project-badge-db.areas{background:#dbeafe;color:#1e40af;gap:.25rem}.project-badge-db.edit-permission{background:#dbeafe;color:#1e40af;margin:10px 0 0}.project-badge-db.view-permission{background:#fce7f3;color:#be185d;margin:10px 0 0}.project-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:.5rem}.project-card-meta{display:flex;gap:1rem}.meta-item{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;justify-content:center;transition:color .2s ease}.meta-item:hover{color:#4f46e5}.project-card-buttons{align-items:center;display:flex;gap:.5rem}.primary-btnn{border:1px solid #4f46e5;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;min-width:fit-content;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.primary-btnn:hover{background:#2c2c5a4d;border-color:#7c3aed;box-shadow:0 4px 12px #4f46e54d,0 0 0 2px #2c2c5a33;transform:translateY(-1px)}.secondary-btnn{align-items:center;background:#f8fafc;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.5rem;transition:all .2s ease;width:36px}.secondary-btnn:hover{background:#fff;border-color:#4f46e5;color:#4f46e5}.card-action-btn{align-items:center;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.card-action-btn:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #00000026;color:#374151;transform:translateY(-1px)}.card-action-btn.starred{background:#fbbf241a;border-color:#fed7aa;color:#f59e0b}.card-action-btn.starred:hover{background:#fbbf2433;border-color:#fdba74;color:#d97706}.card-action-btn.unstarred{background:#ffffffe6;border-color:#e2e8f0;color:#94a3b8}.card-action-btn.unstarred:hover{background:#fff;border-color:#fed7aa;color:#f59e0b}.settings-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:120px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .2s ease;visibility:hidden;z-index:1000}.settings-dropdown.open{opacity:1;transform:translateY(0);visibility:visible}.settings-dropdown-item{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:background-color .2s ease;white-space:nowrap}.settings-dropdown-item:hover{background:#f8fafc}.settings-dropdown-item.danger{color:#dc2626}.settings-dropdown-item.danger:hover{background:#fee2e2}.member-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.member-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 64px #0003;display:flex;flex-direction:column;max-height:600px;max-width:700px;overflow:hidden;width:90%}.member-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.25rem 1.5rem;z-index:1}.member-modal-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0}.member-modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.375rem;transition:all .2s ease}.member-modal-close:hover{background:#f8fafc;color:#1e293b}.member-modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.member-modal-body::-webkit-scrollbar{width:8px}.member-modal-body::-webkit-scrollbar-track{background:#f8fafc}.member-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.member-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.member-list-table{display:flex;flex-direction:column;width:100%}.member-list-header{grid-gap:.75rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;display:grid;font-size:.75rem;font-weight:600;gap:.75rem;grid-template-columns:2fr 2.5fr 1.5fr 1fr;letter-spacing:.025em;padding:.75rem 1.5rem;position:sticky;text-transform:uppercase;top:0;z-index:10}.member-list-header>div{align-items:center;display:flex}.member-list-header .member-col-actions,.member-list-header .member-col-role{justify-content:flex-start}.member-list-table.no-actions .member-list-header,.member-list-table.no-actions .member-row{grid-template-columns:2fr 2.5fr 1.5fr}.member-list-body{display:flex;flex-direction:column}.member-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:.75rem;grid-template-columns:2fr 2.5fr 1.5fr 1fr;padding:.75rem 1.5rem;transition:background-color .15s ease}.member-row:hover{background:#f8fafc}.member-row.non-editable{opacity:.85}.member-col-name{gap:.625rem}.member-col-email,.member-col-name{align-items:center;display:flex;min-width:0}.member-col-email{color:#64748b;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-col-role{min-width:0}.member-col-actions,.member-col-role{align-items:center;display:flex;justify-content:flex-start}.member-avatar-small{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.member-name-text{color:#1e293b;font-size:.875rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-user-tag{color:#4f46e5;flex-shrink:0;font-size:.75rem;font-weight:600;margin-left:.25rem}.member-role-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;min-width:100px;padding:.25rem .75rem;text-align:center;white-space:nowrap}.member-role-badge.owner{background:#dcfce7;color:#166534}.member-role-badge.edit{background:#dbeafe;color:#1e40af}.member-role-badge.view{background:#fce7f3;color:#be185d}.member-role-select-compact{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;font-size:.75rem;font-weight:600;min-width:100px;padding:.25rem 2rem .25rem .75rem;text-align:center;transition:all .2s ease}.member-role-select-compact:hover{border-color:#4f46e5}.member-role-select-compact:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.member-role-select-compact:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.member-remove-btn{align-items:center;background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.875rem;height:32px;justify-content:center;padding:.375rem .625rem;transition:all .2s ease;width:32px}.member-remove-btn:hover{background:#fef2f2;border-color:#fca5a5}.member-remove-btn:disabled{cursor:not-allowed;opacity:.5}.hover-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 32px #00000026;left:100%;margin-left:1rem;opacity:0;position:absolute;top:0;transform:translateX(-20px);transition:all .3s ease;visibility:hidden;width:300px;z-index:1000}.project-card:hover .hover-details-card{opacity:1;transform:translateX(0);visibility:visible}.hover-details-content{padding:1.5rem}.hover-details-header{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.hover-details-title{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 .5rem}.hover-details-description{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}.hover-details-stats{margin-bottom:1rem}.hover-details-grid{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr}.hover-detail-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.5rem}.hover-detail-label{font-weight:600}.hover-detail-value{color:#1e293b;font-size:.75rem;font-weight:500}.projects-list{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:calc(100% - 2rem);margin-bottom:1rem;min-height:300px}.projects-table{border-collapse:collapse;display:block;flex:1 1;overflow-y:auto;width:100%}.projects-table thead{display:table;table-layout:fixed;width:100%}.projects-table tbody{display:block;height:calc(100% - 60px);overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin;width:100%}.projects-table tbody::-webkit-scrollbar{width:8px}.projects-table tbody::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.projects-table tbody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.projects-table tbody::-webkit-scrollbar-thumb:hover{background:#94a3b8}.projects-table tr{display:table;table-layout:fixed;width:100%}.projects-table th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 8px #00000026;color:#374151;font-size:.875rem;font-weight:600;padding:1rem;position:sticky;text-align:left;top:0;z-index:200}.projects-table td{border-bottom:1px solid #f1f5f9;padding:1rem;vertical-align:middle}.projects-table tr:hover{background:#f8fafc}.project-list-item{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.project-thumbnail{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:1rem;width:40px}.project-info h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.project-info p{color:#64748b;font-size:.75rem;line-height:1.3;margin:0}.list-actions,.project-status-compact{align-items:center;justify-content:center}.project-status-compact{display:flex;gap:.375rem}.status-badge-compact{align-items:center;border-radius:6px;cursor:help;display:inline-flex;font-size:.75rem;font-weight:500;height:24px;justify-content:center;transition:all .2s ease;width:24px}.status-badge-compact.owned{background:#22c55e1a;border:1px solid #22c55e33;color:#059669}.status-badge-compact.shared{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.status-badge-compact.edit-permission{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-badge-compact.view-permission{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.status-badge-compact:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.form-input,.form-textarea,.modal-description{font-size:.9rem}.form-textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;min-height:100px;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.form-textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.modal-footer{padding:1rem 2rem 2rem 1rem}.cancel-btn,.confirm-btn{padding:.75rem 1.5rem}.confirm-btn{gap:.5rem}.confirm-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.danger-btn{background:linear-gradient(135deg,#dc2626,#ef4444)}.danger-btn:hover{box-shadow:0 4px 12px #dc26264d}@media (max-width:1440px){.dashboard-overview-card{padding:1.25rem 1.75rem}.greeting-title{font-size:1.375rem}.kpi-cards-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.kpi-value{font-size:1.375rem}.kpi-card{padding:.875rem}.projects-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{min-height:180px}.projects-list{height:calc(100% - 1.5rem);min-height:200px}.projects-table tbody{height:calc(100% - 60px)}}@media (max-width:1024px){.dashboard-main{margin-left:0;width:100%}.dashboard-overview-card{padding:1rem 1.5rem}.greeting-title{font-size:1.25rem}.kpi-cards-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.kpi-value{font-size:1.25rem}.kpi-icon-wrapper{height:28px;width:28px}.kpi-icon{font-size:.75rem}.kpi-card{padding:.75rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.dashboard-fixed-header,.dashboard-overview-card{padding:1rem}.overview-header{flex-direction:column;gap:1rem;text-align:center}.overview-title-section{flex-direction:column;gap:.5rem;text-align:center}.filters-section{margin-top:1rem;padding-top:1rem}.filters-top{flex-direction:column;gap:.75rem}.controls-container{justify-content:center;width:100%}.projects-grid{grid-template-columns:1fr}.projects-list{height:calc(100% - 1.5rem);min-height:250px}.projects-table tbody{height:calc(100% - 60px)}.kpi-cards-grid{gap:.75rem;grid-template-columns:1fr 1fr}.kpi-card{gap:.5rem;padding:.75rem}.kpi-icon-wrapper{height:24px;width:24px}.kpi-icon{font-size:.7rem}.kpi-value{font-size:1.125rem}.modal-content{width:95%}.hover-details-card{display:none}}@media (max-width:480px){.dashboard-fixed-header{padding:.75rem}.filters-section{margin-top:.75rem;padding-top:.75rem}.projects-list{height:calc(100% - 1rem);min-height:150px}.projects-table tbody{height:calc(100% - 60px)}.greeting-title{font-size:1.125rem}.greeting-subtitle{font-size:.8rem}.kpi-cards-grid{gap:.5rem;grid-template-columns:1fr}.kpi-card{gap:.5rem;padding:.75rem}.kpi-value{font-size:1rem}.kpi-label{font-size:.75rem}.kpi-icon-wrapper{height:20px;width:20px}.kpi-icon{font-size:.6rem}.project-card-buttons{flex-direction:column;gap:.375rem}.primary-btnn{width:100%}.modal-header{padding:1.25rem 1.25rem .75rem}.modal-form{padding:1.25rem}.modal-footer{flex-direction:column;padding:.75rem 1.25rem 1.25rem}.cancel-btn,.confirm-btn{justify-content:center;width:100%}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-spinner{border:2px solid #e5e7eb;display:inline-block;height:1rem;width:1rem}.access-requests-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:8px;box-shadow:0 2px 10px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-right:12px;padding:12px 16px;position:relative;transition:all .3s ease}.access-requests-btn:hover{box-shadow:0 4px 15px #ff6b6b66;transform:translateY(-2px)}.notification-badge{align-items:center;background:#fff;border-radius:50%;color:#ff6b6b;display:flex;font-size:12px;height:18px;justify-content:center;margin-left:4px}@media (max-width:768px){.access-requests-btn{font-size:13px;margin-right:8px;padding:10px 12px}.notification-badge{font-size:11px;height:16px;min-width:16px}}.basic-upgrade-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.basic-upgrade-modal{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:550px;padding:3rem 2.5rem;position:relative;width:100%}.basic-upgrade-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.basic-upgrade-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.basic-upgrade-modal-content{color:#fff;text-align:center}.basic-upgrade-icon-large{align-items:center;animation:pulse 2s ease-in-out infinite;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.basic-upgrade-text{margin-bottom:2rem}.basic-upgrade-modal-title{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;line-height:1.3;margin:0 0 1rem}.basic-upgrade-crown-icon{animation:bounce 1s ease-in-out infinite;color:#fbbf24!important;font-size:1.5rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.basic-upgrade-modal-description{color:#fffffff2;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.basic-upgrade-features{grid-gap:1rem;border-bottom:1px solid #fff3;border-top:1px solid #fff3;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:1.5rem 0}.upgrade-feature{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem}.basic-upgrade-feature-icon{color:#fbbf24!important;font-size:1.75rem;margin-bottom:.25rem}.basic-upgrade-modal-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.upgrade-modal-btn-primary{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;max-width:280px;padding:1rem 2rem;transition:all .2s ease;width:100%}.upgrade-modal-btn-primary:hover{background:#f8fafc;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.upgrade-modal-btn-primary:active{transform:translateY(0)}.upgrade-modal-link{background:#0000;border:none;color:#ffffffd9;cursor:pointer;font-size:.8125rem;font-weight:400;padding:.5rem;text-decoration:underline;text-underline-offset:2px;transition:all .2s ease}.upgrade-modal-link:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.basic-upgrade-modal{margin:1rem;max-width:95%;padding:2rem 1.5rem}.basic-upgrade-icon-large{font-size:2rem;height:64px;margin-bottom:1rem;width:64px}.basic-upgrade-modal-title{flex-direction:column;font-size:1.375rem;gap:.5rem}.basic-upgrade-crown-icon{font-size:1.25rem}.basic-upgrade-modal-description{font-size:.9375rem}.basic-upgrade-features{gap:1rem;grid-template-columns:1fr;padding:1rem 0}.upgrade-feature{flex-direction:row;gap:.75rem;justify-content:center}.basic-upgrade-feature-icon{font-size:1.5rem;margin-bottom:0}.upgrade-modal-btn-primary{font-size:.9375rem;max-width:100%;padding:.875rem 1.5rem}.upgrade-modal-link{font-size:.8125rem}}@media (max-width:480px){.basic-upgrade-modal{padding:1.5rem 1rem}.basic-upgrade-modal-title{font-size:1.25rem}.basic-upgrade-modal-description{font-size:.875rem}}.projects-loading-container{animation:fadeIn .3s ease-in;padding:2rem}.projects-loading-container .projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.cancel-btn,.confirm-btn,.danger-btn{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:all .2s ease}.cancel-btn:disabled,.confirm-btn:disabled,.danger-btn:disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.modal-content.loading,.modal-overlay.loading{pointer-events:auto}.dashboard-projects-section{transition:opacity .3s ease}.dashboard-projects-section.loading{opacity:.6;pointer-events:none}.no-projects-message{color:#64748b;padding:4rem 2rem;text-align:center}.no-projects-message h3{color:#475569;font-size:1.25rem;margin-bottom:.5rem}.no-projects-message p{font-size:.9375rem;margin-bottom:1.5rem}@media (max-width:768px){.projects-loading-container .projects-grid{grid-template-columns:1fr}.projects-loading-container{padding:1rem}}@media (max-width:480px){.cancel-btn,.confirm-btn,.danger-btn{font-size:.875rem;padding:.625rem 1rem}}.access-requests-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.access-requests-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 8px 32px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;min-width:500px;overflow:hidden;width:auto}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 28px;position:relative}.header-content{gap:16px}.header-icon{align-items:center;background:#fff3;border-radius:12px;display:flex;font-size:1.4rem;height:48px;justify-content:center;width:48px}.header-text{display:flex;flex-direction:column;gap:.25rem}.header-text h2{font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.request-count{font-size:.9rem;font-weight:400;opacity:.9}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-button:hover{background:#fff3;transform:scale(1.05)}.modal-content{flex:1 1;padding:0}.modal-content.detail-view,.modal-content.list-view{padding:0}.no-requests{align-items:center;display:flex;justify-content:center;padding:80px 20px}.empty-state{color:#6b7280}.empty-state svg{color:#d1d5db;font-size:4rem;margin-bottom:20px}.empty-state h3{color:#374151;font-weight:600;margin:0 0 8px}.empty-state p{font-size:.95rem;line-height:1.5}.requests-grid{display:flex;flex-direction:column;gap:16px;padding:24px}.requests-list{margin:0;padding:0}.request-list-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:16px 24px;transition:all .2s ease}.request-list-item:hover{background:#f9fafb}.request-list-item:last-child{border-bottom:none}.list-item-content{align-items:center;display:flex;flex:1 1;gap:20px;min-width:0}.list-item-arrow{color:#9ca3af;font-size:1.2rem;transition:transform .2s ease}.request-list-item:hover .list-item-arrow{color:#667eea;transform:translateX(4px)}.detail-header{border-bottom:1px solid #f3f4f6;padding:16px 24px}.back-button{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.back-button:hover{background:#f3f4f6;color:#5a67d8}.request-detail{padding:24px}.request-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.request-card:hover{border-color:#d1d5db;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.request-card.processing{opacity:.7;pointer-events:none}.request-card.processing:after{background:#fffc;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:20px 20px 16px}.user-info{flex:1 1;gap:12px;min-width:0}.avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;height:44px;justify-content:center;width:44px}.user-details{flex:1 1;min-width:0}.user-details h4{color:#111827;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 4px}.email,.user-details h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email{color:#6b7280;display:block;font-size:.85rem}.request-time{align-items:center;color:#9ca3af;display:flex;flex-shrink:0;font-size:.8rem;gap:6px}.card-body{padding:0 20px 16px}.project-badge{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px}.project-badge svg{color:#6b7280}.message-preview{margin-top:12px}.message-toggle{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:4px 0;transition:color .2s}.message-toggle:hover{color:#5a67d8}.message-content{background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;margin-top:12px;padding:12px 16px}.message-content p{color:#374151;font-size:.9rem;font-style:italic;line-height:1.5;margin:0}.card-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:16px;padding:16px 20px 20px}.permission-control{width:100%}.permission-buttons{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden;width:100%}.permission-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;position:relative;transition:all .2s ease}.permission-btn:not(:last-child){border-right:1px solid #e5e7eb}.permission-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.permission-btn.active{background:#667eea;color:#fff}.permission-btn:disabled{cursor:not-allowed;opacity:.5}.action-buttons{gap:12px;width:100%}.action-btn{flex:1 1;font-size:.9rem;font-weight:600;gap:8px;min-height:44px;padding:12px 20px;transition:all .2s ease}.action-btn.approve{background:#10b981;color:#fff}.action-btn.approve:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.action-btn.deny{background:#ef4444;color:#fff}.action-btn.deny:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.action-btn:disabled{box-shadow:none!important;transform:none!important}@media (max-width:1200px){.requests-grid{padding:20px}}@media (max-width:768px){.access-requests-modal{margin:10px;max-height:calc(100vh - 20px);min-width:auto;width:calc(100% - 20px)}.modal-header{padding:20px 24px}.header-content{gap:12px}.header-icon{font-size:1.2rem;height:40px;width:40px}.header-text h2{font-size:1.3rem}.requests-grid{gap:16px;padding:16px}.request-list-item{padding:12px 16px}.list-item-content{gap:12px}.detail-header{padding:12px 16px}.request-detail{padding:16px}.inline-notification{margin:12px 16px}.inline-notification-header{padding:12px 16px 8px}.inline-notification-body{padding:0 16px 12px}.inline-notification-actions{flex-direction:column;gap:8px}.inline-cancel-button,.inline-upgrade-button{width:100%}.card-header{padding:16px 16px 12px}.card-body{padding:0 16px 12px}.card-footer{padding:12px 16px 16px}.user-info{gap:10px}.avatar{font-size:1rem;height:40px;width:40px}.user-details h4{font-size:.95rem}.email{font-size:.8rem}}@media (max-width:480px){.access-requests-modal-overlay{padding:0}.access-requests-modal{border-radius:0;margin:0;max-height:100vh;width:100%}.modal-header{border-radius:0;padding:16px 20px}.header-text h2{font-size:1.2rem}.requests-grid{gap:12px;padding:12px}.card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 12px 8px}.card-body{padding:0 12px 8px}.card-footer{padding:8px 12px 12px}.user-info{width:100%}.request-time{align-self:flex-end}}.fa-spin{animation:spin 1s linear infinite}.inline-notification{animation:slideDown .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:16px 24px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.inline-notification-header{align-items:center;display:flex;gap:12px;padding:16px 20px 12px}.inline-notification-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.inline-notification-header h4{flex:1 1;font-size:1rem;font-weight:600;line-height:1.3;margin:0}.inline-notification-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.inline-notification-close:hover{background:#f3f4f6;color:#374151}.inline-notification-body{padding:0 20px 16px}.inline-notification-body p{color:#374151;font-size:.9rem;line-height:1.5;margin:0 0 16px}.inline-notification-actions{display:flex;gap:10px;margin-top:16px}.inline-upgrade-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;min-height:40px;padding:10px 16px;transition:all .2s ease}.inline-upgrade-button:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px)}.inline-cancel-button{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:500;min-width:70px;padding:10px 16px;transition:all .2s ease}.inline-cancel-button:hover{background:#e5e7eb;color:#374151}.inline-notification-success{border-left:4px solid #16a34a}.inline-notification-success .inline-notification-icon{background:#dcfce7;color:#16a34a}.inline-notification-success .inline-notification-header h4{color:#16a34a}.inline-notification-error{border-left:4px solid #dc2626}.inline-notification-error .inline-notification-icon{background:#fef2f2;color:#dc2626}.inline-notification-error .inline-notification-header h4{color:#dc2626}.inline-notification-upgrade{border-left:4px solid #667eea}.inline-notification-upgrade .inline-notification-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.inline-notification-upgrade .inline-notification-header h4{color:#667eea}.notification{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003,0 8px 32px #00000026;max-width:480px;overflow:hidden;width:90%}.notification-header{align-items:center;display:flex;gap:12px;padding:20px 24px 16px}.notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.notification-header h3{flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0}.notification-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notification-close:hover{background:#f3f4f6;color:#374151}.notification-body{padding:0 24px 24px}.notification-body p{color:#374151;font-size:.95rem;line-height:1.5;margin:0 0 20px}.notification-actions{gap:12px;margin-top:20px}.upgrade-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:12px 20px;transition:all .2s ease}.upgrade-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-1px)}.cancel-button{background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:12px 20px;transition:all .2s ease}.cancel-button:hover{background:#e5e7eb;color:#374151}.notification-success .notification-icon{background:#dcfce7;color:#16a34a}.notification-success .notification-header h3{color:#16a34a}.notification-error .notification-icon{background:#fef2f2;color:#dc2626}.notification-error .notification-header h3{color:#dc2626}.notification-upgrade .notification-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.notification-upgrade .notification-header h3{color:#667eea}@media (max-width:768px){.notification{margin:20px;width:calc(100% - 40px)}.notification-header{padding:16px 20px 12px}.notification-body{padding:0 20px 20px}.notification-actions{flex-direction:column}.cancel-button,.upgrade-button{width:100%}}@media (max-width:480px){.notification{margin:10px;width:calc(100% - 20px)}.notification-header{padding:12px 16px 8px}.notification-body{padding:0 16px 16px}.notification-icon{font-size:1.1rem;height:36px;width:36px}.notification-header h3{font-size:1.1rem}}*{box-sizing:border-box}.access-requests-modal *{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.skeleton{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 20%,#f0f0f0 40%,#f0f0f0);background-size:200% 100%;border-radius:4px;display:inline-block}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.project-card-skeleton{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;min-height:250px;padding:1.5rem}.skeleton-badges{display:flex;gap:.5rem;margin-top:1rem}.skeleton-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.project-list-skeleton{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem}.skeleton-list-content{display:flex;flex:1 1;flex-direction:column}.profile-skeleton{flex-direction:column;padding:2rem}.profile-skeleton,.stat-card-skeleton{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex}.stat-card-skeleton{gap:1rem;padding:1.5rem}.stat-card-content{display:flex;flex-direction:column}.table-row-skeleton td{padding:1rem}.skeleton-group{grid-gap:1.5rem;display:grid;gap:1.5rem}.skeleton-group.grid-layout{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-group.list-layout{grid-template-columns:1fr}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#2d3748,#4a5568 20%,#2d3748 40%,#2d3748);background-size:200% 100%}.profile-skeleton,.project-card-skeleton,.project-list-skeleton,.stat-card-skeleton{background:#1a202c;box-shadow:0 1px 3px #0000004d}.skeleton-footer{border-top-color:#2d3748}}@media (max-width:768px){.project-card-skeleton{min-height:200px;padding:1rem}.skeleton-group.grid-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none;background:#f0f0f0}}.tour-restart-container{width:100%}.tour-restart-section{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e0e7ff;border-radius:12px;margin-bottom:20px;padding:24px}.tour-restart-section h4{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.tour-description{color:#64748b;font-size:14px;margin:0 0 20px}.tour-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tour-restart-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .3s ease}.tour-restart-btn.dashboard{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tour-restart-btn.dashboard:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.tour-restart-btn.map{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tour-restart-btn.map:hover{box-shadow:0 4px 12px #f5576c66;transform:translateY(-2px)}.tour-restart-btn.stylemenu{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.tour-restart-btn.stylemenu:hover{box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.tour-restart-btn svg{font-size:16px}.tour-reset-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.tour-reset-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.tour-reset-btn svg{font-size:14px}@media (max-width:768px){.tour-buttons{flex-direction:column}.tour-restart-btn{min-width:0;min-width:auto}}@media (prefers-color-scheme:dark){.tour-restart-section{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.tour-restart-section h4{color:#f1f5f9}.tour-description{color:#94a3b8}.tour-reset-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.tour-reset-btn:hover{background:#0f172a;border-color:#475569;color:#cbd5e1}}.profile-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.profile-main{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:15rem;overflow:hidden;width:calc(100% - 15rem)}.profile-fixed-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0;padding:1rem 1.5rem .5rem}.profile-header-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.25rem 1.5rem}.profile-header-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}.profile-user-section{align-items:center;display:flex;flex:1 1;gap:1rem}.profile-avatar-wrapper{flex-shrink:0}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;box-shadow:0 4px 12px #4f46e533;color:#fff;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.profile-avatar-large .avatar-image{height:100%;object-fit:cover;width:100%}.profile-avatar-large .avatar-icon{font-size:1.5rem}.profile-user-info{flex:1 1}.profile-name{color:#1e293b;font-size:1.375rem;font-weight:700;line-height:1.3;margin:0 0 .125rem}.profile-email{color:#64748b;font-size:.8125rem;margin:0}.profile-actions{display:flex;gap:.625rem}.profile-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.profile-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.profile-btn-primary:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.profile-btn-secondary{background:#f8fafc;border:2px solid #e2e8f0;color:#1e293b}.profile-btn-secondary:hover{background:#fff;border-color:#4f46e5;color:#4f46e5}.profile-content-scroll{background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:.5rem 1.5rem 1.5rem}.profile-sections-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:1400px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .2s ease}.profile-card:hover{box-shadow:0 4px 16px #0000001a}.profile-card-header{border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem .75rem}.profile-card-title{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.profile-card-body{padding:1.25rem}.profile-fields-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.profile-field-modern{display:flex;flex-direction:column;gap:.375rem}.field-label{color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.field-value{align-items:center;display:flex;min-height:38px}.field-input,.field-value{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;padding:.625rem .75rem}.field-input{transition:all .2s ease;width:100%}.field-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.field-input-error{border-color:#ef4444}.field-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.field-select-wrapper{cursor:pointer;position:relative}.field-select{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;display:flex;font-size:.875rem;justify-content:space-between;min-height:38px;padding:.625rem .75rem;transition:all .2s ease;width:100%}.field-select:hover{background:#fff;border-color:#cbd5e1}.select-arrow{color:#64748b;font-size:.625rem}.field-select-dropdown{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.field-select-option{color:#1e293b;cursor:pointer;font-size:.875rem;padding:.625rem .75rem;transition:background-color .2s ease}.field-select-option:hover{background:#f8fafc}.profile-auth-actions{display:flex;gap:.75rem;grid-column:1/-1;margin-top:.25rem}.profile-auth-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem 1rem;transition:all .2s ease}.profile-auth-btn:hover{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a;color:#4f46e5;transform:translateY(-1px)}.profile-provider-badge{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;display:flex;gap:.625rem;grid-column:1/-1;margin-top:.25rem;padding:.75rem}.provider-logo{height:20px;width:20px}.profile-provider-badge span{color:#64748b;font-size:.8125rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.modal-content{border-radius:16px;box-shadow:0 20px 64px #0003}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-title{font-size:1.25rem;font-weight:700;margin:0 0 .375rem}.modal-description{color:#64748b;line-height:1.5}.modal-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;font-size:.8125rem;font-weight:600;margin-bottom:.375rem}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.875rem;padding:.625rem .75rem;transition:all .2s ease}.form-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.password-input-wrapper{position:relative}.password-input{padding-right:3rem}.password-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#4f46e5}.password-requirements{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;padding:.875rem}.requirements-title{color:#475569;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin:0 0 .625rem;text-transform:uppercase}.requirements-list{display:flex;flex-direction:column;gap:.375rem}.requirement-item{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.375rem;transition:color .2s ease}.requirement-item.valid{color:#16a34a}.requirement-icon{font-size:.75rem;font-weight:700;width:18px}.modal-footer{padding:1rem 1.5rem 1.5rem}.cancel-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.8125rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.cancel-btn:hover{background:#fff;border-color:#cbd5e1}.confirm-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.confirm-btn:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}@media (max-width:1440px){.profile-sections-grid{grid-template-columns:1fr}.profile-header-card{padding:1.25rem 1.5rem}.profile-name{font-size:1.25rem}.profile-avatar-large{height:60px;width:60px}.profile-avatar-large .avatar-icon{font-size:1.375rem}}@media (max-width:1024px){.profile-main{margin-left:0;width:100%}.profile-fixed-header{padding:1rem 1.25rem .5rem}.profile-content-scroll{padding:.5rem 1.25rem 1.25rem}.profile-sections-grid{gap:.875rem}.profile-fields-grid,.profile-sections-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-fixed-header{padding:.75rem}.profile-header-card{padding:.875rem}.profile-header-content{flex-direction:column;gap:.875rem;text-align:center}.profile-user-section{gap:.75rem;text-align:center}.profile-actions,.profile-user-section{flex-direction:column;width:100%}.profile-btn{justify-content:center;width:100%}.profile-content-scroll{padding:.5rem}.profile-card-header{padding:.875rem 1rem .625rem}.profile-card-body{padding:1rem}.profile-sections-grid{gap:.625rem;grid-template-columns:1fr}.profile-fields-grid{gap:.875rem;grid-template-columns:1fr}.profile-auth-actions{flex-direction:column}.profile-name{font-size:1.125rem}.profile-avatar-large{height:56px;width:56px}.profile-avatar-large .avatar-icon{font-size:1.25rem}.modal-content{width:95%}.modal-header{padding:1rem 1rem .625rem}.modal-form{padding:1rem}.modal-footer{flex-direction:column;padding:.625rem 1rem 1rem}.cancel-btn,.confirm-btn{justify-content:center;width:100%}}@media (max-width:480px){.profile-avatar-large{height:52px;width:52px}.profile-avatar-large .avatar-icon{font-size:1.125rem}.profile-name{font-size:1rem}.profile-email{font-size:.75rem}.profile-card-title{font-size:.9375rem}.profile-btn{font-size:.75rem;padding:.5rem .875rem}.field-label{font-size:.6875rem}.field-input,.field-select,.field-value{font-size:.8125rem;padding:.5rem .625rem}.profile-card-header{padding:.75rem .875rem .5rem}.profile-card-body{padding:.875rem}}.benutzerverwaltung-container{margin:0 auto;max-width:500px;padding:20px}.benutzerverwaltung-container form{display:flex;flex-direction:column}.benutzerverwaltung-container input{font-size:16px;margin-bottom:10px;padding:8px}.benutzerverwaltung-container button{background-color:#007bff;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px}.benutzerverwaltung-container button:hover{background-color:#0056b3}.benutzerverwaltung-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;padding:20px}.benutzerverwaltung-avatar,.benutzerverwaltung-header,.benutzerverwaltung-title{align-items:center;display:flex}.benutzerverwaltung-avatar{background-color:#e9ecef;border-radius:50%;height:60px;justify-content:center;margin-right:20px;width:60px}.benutzerverwaltung-content{padding:20px}.benutzerverwaltung-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.benutzerverwaltung-form{gap:15px}.benutzerverwaltung-form,.form-group{display:flex;flex-direction:column}.form-group label{font-weight:700;margin-bottom:5px}.team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.team-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-item{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:20px}.user-info,.user-item{align-items:center;display:flex}.user-icon{color:#007bff;font-size:2em;margin-right:15px}.user-actions{display:flex;gap:10px}.btn-icon{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.2em}.btn-icon:hover{color:#007bff}.btn-icon.delete:hover{color:#dc3545}.popup-content{max-width:30rem;width:80%}.popup-content h2{margin-bottom:1rem}.license-management-simple{padding:0;width:100%}.license-management,.license-management-simple{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.license-management{margin:0 auto;max-width:1200px;padding:2rem}.license-header{margin-bottom:2rem}.license-header h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 1.5rem}.header-actions{gap:1rem;margin-bottom:1rem}.sync-button{align-items:center;background:#6366f1;border:none;border-radius:.375rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s}.sync-button:hover:not(:disabled){background:#4f46e5}.sync-button:disabled{cursor:not-allowed;opacity:.6}.license-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.summary-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.summary-card:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.summary-icon-wrapper{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.summary-icon-wrapper.total{background:#dbeafe;color:#1e40af}.summary-icon-wrapper.assigned{background:#dcfce7;color:#166534}.summary-icon-wrapper.available{background:#fef3c7;color:#92400e}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{color:#64748b;font-size:.875rem;font-weight:500}.summary-value{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1}.summary-value.assigned{color:#166534}.summary-value.available{color:#92400e}.access-denied{background:#f8f9fa;border:1px solid #e9ecef}.access-denied h3{color:#dc3545}.access-denied p{color:#6c757d}.message{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.message.success{background:#d4edda}.close-btn{font-size:1.5rem;transition:opacity .2s}.license-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.action-btn{border:none;border-radius:8px;padding:.75rem 1.5rem}.action-btn.primary{background:#007bff;color:#fff}.action-btn.primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.action-btn.secondary{background:#28a745;color:#fff}.action-btn.secondary:hover:not(:disabled){background:#1e7e34;transform:translateY(-1px)}.action-btn.tertiary{background:#6c757d;color:#fff}.action-btn.tertiary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.action-btn:disabled{transform:none}.license-details,.licensed-members-section,.unlicensed-members-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;padding:1.5rem}.license-details h3,.licensed-members-section h3,.unlicensed-members-section h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.members-list{display:flex;flex-direction:column;gap:1rem}.member-item{align-items:center;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s}.member-item.licensed{background:#f8fff8;border-color:#28a745}.member-item.unlicensed{background:#fff8f0;border-color:#ffc107}.member-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.member-info{display:flex;flex-direction:column;gap:.25rem}.member-info .email{color:#2c3e50;font-weight:500}.license-id{color:#6c757d;font-family:monospace;font-size:.75rem}.assign-btn,.revoke-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.revoke-btn{background:#dc3545;color:#fff}.revoke-btn:hover:not(:disabled){background:#c82333}.assign-btn{background:#28a745;color:#fff}.assign-btn:hover:not(:disabled){background:#1e7e34}.no-licenses{font-size:.875rem}.empty-state,.no-licenses{color:#6c757d;font-style:italic}.empty-state{padding:2rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{border-radius:6px;padding:.75rem}.detail-item span{font-weight:500}.modal-overlay{padding:1rem}.modal-content{box-shadow:0 10px 40px #0003;width:100%}.modal-header{border-bottom:1px solid #e9ecef}.modal-header h3{color:#2c3e50}.modal-close-btn{background:none;color:#6c757d;transition:color .2s}.modal-close-btn:hover{color:#dc3545}.modal-body p{color:#6c757d;margin:0 0 1.5rem}.pricing-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.pricing-tier{color:#495057;margin:.5rem 0}.member-selector,.quantity-selector{margin-bottom:1.5rem}.member-selector label,.quantity-selector label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.member-selector select,.quantity-selector input{border:1px solid #ced4da;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.member-selector select:focus,.quantity-selector input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.cost-calculation{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:1rem}.cost-line{color:#1976d2}.cost-total{border-top:1px solid #90caf9;color:#0d47a1;text-align:right}.available-info{background:#d4edda;border-radius:8px;color:#155724;margin-bottom:1.5rem;padding:1rem;text-align:center}.modal-footer{border-top:1px solid #e9ecef;gap:1rem;padding:1.5rem}.modal-btn{padding:.75rem 1.5rem}.modal-btn-secondary{background:#6c757d;color:#fff}.modal-btn-secondary:hover:not(:disabled){background:#5a6268}.modal-btn-primary{background:#007bff;color:#fff}.modal-btn-primary:hover:not(:disabled){background:#0056b3}.modal-btn:disabled{opacity:.6}.all-licenses-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:2rem;padding:2rem}.all-licenses-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.licenses-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-header,.table-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 1fr 2fr 1.5fr;padding:1rem}.table-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600}.table-row{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8fafc}.license-type{align-items:center;border-radius:12px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;width:fit-content}.license-type.paid{background:#dbeafe;color:#1e40af}.license-type.free{background:#d1fae5;color:#065f46}.license-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;width:fit-content}.license-status.assigned{background:#dcfce7;color:#166534}.license-status.available{background:#f1f5f9;color:#475569}.license-id-short{color:#64748b;font-family:Courier New,monospace;font-size:.875rem}.assigned-member{color:#334155;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:flex;gap:.5rem;justify-content:flex-end}.cancel-license-btn{align-items:center;background:#fee;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s}.cancel-license-btn:hover:not(:disabled){background:#fecaca;border-color:#dc2626;transform:translateY(-1px)}.cancel-license-btn:disabled{cursor:not-allowed;opacity:.5}.no-action-hint{color:#94a3b8;cursor:help;font-size:.875rem}.license-actions-dropdown{display:inline-block;position:relative}.license-action-icon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.license-action-icon-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.license-action-icon-btn:disabled{cursor:not-allowed;opacity:.5}.license-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:150px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.license-dropdown-item{align-items:center;background:#fff;border:none;color:#334155;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background .2s;width:100%}.license-dropdown-item:hover:not(:disabled){background:#f8fafc}.license-dropdown-item.danger{color:#dc2626}.license-dropdown-item.danger:hover:not(:disabled){background:#fef2f2}.license-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{animation:fadeIn .2s ease;z-index:10000}.modal-content{animation:slideUp .3s ease;box-shadow:0 20px 50px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#f1f5f9;color:#1e293b}.modal-body{padding:1.5rem}.modal-warning-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.modal-body h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.license-cancel-info{background:#f8fafc;border-radius:8px;margin-bottom:1rem;padding:1rem}.info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-size:.875rem;font-weight:500}.info-value{color:#1e293b;font-size:.875rem;font-weight:600}.modal-info-box{background:#fffbeb;border:1px solid #fef3c7;border-radius:8px;padding:1rem}.modal-info-box p{color:#92400e;font-size:.875rem;margin:0 0 .5rem}.modal-info-box ul{list-style:disc;margin:0;padding-left:1.25rem}.modal-info-box li{color:#92400e;font-size:.875rem;margin:.25rem 0}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-secondary{background:#f1f5f9;color:#475569}.modal-btn-secondary:hover:not(:disabled){background:#e2e8f0}.modal-btn-danger{background:#dc2626;color:#fff}.modal-btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}@media (max-width:768px){.license-management{padding:1rem}.license-summary{grid-template-columns:1fr}.license-actions{flex-direction:column}.action-btn{justify-content:center}.member-item{align-items:flex-start;flex-direction:column;gap:1rem}.details-grid{grid-template-columns:1fr}.licenses-table{overflow-x:auto}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header{display:none}.table-row{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.5rem;padding:1rem}.table-row>div,.table-row>span{display:flex;justify-content:space-between;padding:.25rem 0}.table-row>span:before{color:#64748b;content:attr(data-label);font-weight:600;margin-right:1rem}.table-actions{justify-content:flex-start;margin-top:.5rem}.modal-content{margin:1rem;width:95%}.modal-body,.modal-header{padding:1rem}.modal-footer{flex-direction:column;padding:.75rem 1rem}.modal-btn{width:100%}}.container-main-team{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:1.5rem}.team-management-main{background:#f8fafc;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.team-management-fixed-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem 0 1rem;z-index:100}.team-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.team-management-title h1{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.team-management-title p{color:#64748b;font-size:1rem;margin:0}.team-owner-badge{align-items:center;background:#1e293b;border-radius:8px;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.loading-container{gap:1rem;padding:4rem}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#1e293b;height:32px;width:32px}.loading-container-team{align-items:center;animation:fadeIn .3s ease-in;display:flex;flex-direction:column;gap:3rem;justify-content:center;min-height:500px;padding:3rem}.team-skeleton-preview{display:flex;flex-direction:column;gap:2rem;max-width:800px;width:100%}.skeleton-header{align-items:center;display:flex;justify-content:space-between}.skeleton-content,.skeleton-tabs{display:flex;gap:1rem}.skeleton-content{flex-direction:column}.cancel-btn,.confirm-btn,.secondary-btnnn{align-items:center;display:flex;gap:.5rem;justify-content:center;transition:all .2s ease}.cancel-btn:disabled,.confirm-btn:disabled,.secondary-btnnn:disabled{cursor:not-allowed;opacity:.7;pointer-events:none}.team-management-main{animation:fadeIn .3s ease-in}.access-denied{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:2rem;padding:3rem;text-align:center}.access-denied h3{color:#dc2626;margin-bottom:1rem}.access-denied p{color:#64748b;margin:.5rem 0}.notification-message{margin-bottom:1.5rem;padding:1rem}.notification-message.success{color:#059669}.close-btn{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;opacity:.7}.close-btn:hover{opacity:1}.stats-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.stats-card-header{margin-bottom:1.5rem}.stats-card-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.stats-card-description{color:#64748b;margin:0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{text-align:center}.stat-label{color:#64748b;font-size:.875rem;margin:0 0 .5rem}.stat-value{color:#1e293b;font-size:2rem;margin:0}.stat-value.primary{color:#059669}.progress-bar{background:#f1f5f9;margin-bottom:.5rem}.progress-fill{background:#059669}.progress-text{color:#64748b;font-size:.875rem;margin:0}.filters-container{margin-bottom:2rem}.filters-top{align-items:center;display:flex;gap:1rem;justify-content:space-between}.controls-container-team{display:flex;gap:1rem;margin-bottom:1rem}.create-project-btn{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.create-project-btn:hover:not(:disabled){background:#334155}.create-project-btn.secondary{background:#fff;border:1px solid #d1d5db;color:#1e293b}.create-project-btn.secondary:hover:not(:disabled){background:#f8fafc}.create-project-btn.disabled,.create-project-btn:disabled{cursor:not-allowed;opacity:.5}.team-tab-navigation{border-bottom:1px solid #e2e8f0;display:flex;gap:0}.team-tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s}.team-tab-btn:hover{background:#f8fafc;color:#1e293b}.team-tab-btn.active{border-bottom-color:#1e293b;color:#1e293b}.team-management-content{flex:1 1;overflow-y:auto;padding:2rem 0}.team-invitations-section,.team-members-section{height:100%}.team-invitations-list,.team-members-list{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.team-table{border-collapse:collapse;width:100%}.team-table td,.team-table th{border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;text-align:left;vertical-align:middle}.team-table th{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.team-table th,.team-table tr:hover{background:#f8fafc}.team-table tbody tr:last-child td{border-bottom:none}.invitation-info,.member-info{align-items:center;display:flex}.invitation-details,.member-details{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.invitation-details h4,.member-details h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invitation-details p,.member-details p{color:#64748b;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-badge-team{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.6875rem;font-weight:500;gap:.25rem;letter-spacing:.025em;padding:.25rem .625rem;text-transform:uppercase;white-space:nowrap}.project-badge-team.owned{background-color:#a855f71a;color:#a855f7}.project-badge-team.member{background-color:#22c55e1a;color:#22c55e}.project-badge-team.pending{background-color:#f973161a;color:#f97316}.project-badge-team.license-active{background-color:#22c55e1a;color:#22c55e}.project-badge-team.license-inactive{background-color:#6b72801a;color:#6b7280}.project-badge-team.license-pending{background-color:#f973161a;color:#f97316}.list-actions{display:flex;gap:.5rem;justify-content:flex-end}.no-actions{color:#94a3b8;font-size:.875rem}.primary-btnn,.secondary-btnnn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.primary-btnn{background:#059669;color:#fff}.primary-btnn:hover:not(:disabled){background:#047857}.secondary-btnnn{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.secondary-btnnn:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.secondary-btnnn.danger{border-color:#fecaca;color:#dc2626}.secondary-btnnn.danger:hover:not(:disabled){background:#fef2f2;color:#b91c1c}.primary-btnn:disabled,.secondary-btnnn:disabled{cursor:not-allowed;opacity:.5}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem;text-align:center}.empty-state svg{font-size:3rem;opacity:.5}.empty-state h3{color:#1e293b;font-size:1.25rem;margin:0}.empty-state p{font-size:.875rem;margin:0}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:2rem 2rem 1rem}.modal-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.modal-description{color:#f6f6f7;font-size:.875rem;line-height:1.4;margin:0}.modal-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#1e293b;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#1e293b;box-shadow:0 0 0 3px #1e293b1a;outline:none}.form-input:disabled{background:#f8fafc;cursor:not-allowed}.billing-toggle{background:#f8fafc;border:1px solid #e2e8f0;gap:.5rem}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;position:relative;transition:all .2s}.toggle-btn:hover{color:#1e293b}.toggle-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.discount-badge{background:#059669;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;margin-left:.25rem;padding:.125rem .5rem}.cost-summary{background:#f8fafc;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.cost-line{font-size:.875rem;margin-bottom:.5rem}.cost-line,.cost-total{align-items:center;display:flex;justify-content:space-between}.cost-total{border-top:1px solid #e2e8f0;padding-top:.5rem}.cost-amount,.cost-total{color:#1e293b;font-weight:600}.monthly-equivalent{color:#64748b;font-size:.75rem;font-weight:400;margin-left:.25rem}.savings-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#059669;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem;text-align:center}.modal-footer-team{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:center;padding:1rem 2rem 2rem}.cancel-btn,.confirm-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.confirm-btn{background:#1e293b;color:#fff}.confirm-btn:hover:not(:disabled){background:#334155}.cancel-btn{background:#fff;border:1px solid #d1d5db;color:#1e293b}.cancel-btn:hover:not(:disabled){background:#f8fafc}.cancel-btn:disabled,.confirm-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.team-management-content,.team-management-fixed-header{padding:1rem 0}.team-management-header{align-items:flex-start;flex-direction:column;gap:1rem}.team-management-title h1{font-size:1.5rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.filters-top{align-items:stretch}.controls-container-team,.filters-top{flex-direction:column}.team-tab-navigation{flex-wrap:wrap}.team-invitations-list,.team-members-list{overflow-x:auto}.team-table{min-width:600px}.list-actions{align-items:flex-end;flex-direction:column}.modal-content{margin:1rem;width:95%}.modal-form,.modal-header{padding:1.5rem}.modal-footer-team{flex-direction:column;padding:1rem 1.5rem 1.5rem}}@media (max-width:480px){.stat-value{font-size:1.5rem}.invitation-details h4,.member-details h4{font-size:.875rem}.team-table td,.team-table th{font-size:.875rem;padding:.75rem}.list-actions{align-items:flex-end;flex-direction:column}}.team-license-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-top:1rem;padding:.75rem 1rem}.license-info-text{align-items:center;color:#16a34a;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin:0}.team-controls-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.team-controls-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.controls-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0}.controls-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.team-content-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}@media (max-width:768px){.team-controls-header{align-items:stretch;flex-direction:column}.controls-buttons{justify-content:center}}.team-management-page{margin:0 auto;max-width:1200px;padding:2rem}.page-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.page-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}@media (max-width:768px){.team-management-page{padding:1rem}.page-header h1{font-size:1.5rem}}.subscription-management-modern{background:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.container-main{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:1.5rem}.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2c2c5a;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container-new{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;min-height:500px;padding:2rem}.skeleton-preview{animation:fadeIn .5s ease-in;margin-top:2rem;max-width:1200px;width:100%}.skeleton-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-action-btn{transition:all .2s ease}.header-action-btn:disabled{opacity:.7}.header-section{margin-bottom:1rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.header-text h1{color:#0f172a;font-size:1.875rem;font-weight:700;margin:0 0 .5rem}.header-text p{color:#64748b;font-size:1rem;margin:0}.current-plan-badge{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-weight:600}.current-plan-badge,.header-action-btn{align-items:center;border-radius:6px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.header-action-btn{border:1px solid;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.header-action-btn.secondary{background:#fff;border-color:#d1d5db;color:#374151}.header-action-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.header-action-btn.success{background:#22c55e;border-color:#22c55e;color:#fff}.header-action-btn.success:hover:not(:disabled){background:#16a34a;border-color:#16a34a}.header-action-btn.danger{background:#fff;border-color:#fecaca;color:#dc2626}.header-action-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.header-action-btn.black{background:#fff;border-color:#e2e8f0;color:#64748b}.header-action-btn.black:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.header-action-btn:disabled{cursor:not-allowed;opacity:.6}.notification-message{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.5rem;position:relative}.notification-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.notification-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.notification-message .close-btn{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;opacity:.7;padding:0;position:absolute;right:1rem;transition:opacity .2s}.notification-message .close-btn:hover{opacity:1}.subscription-overview-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.5rem 2rem}.overview-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.greeting-section{flex:1 1}.greeting-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.greeting-subtitle{color:#64748b;font-size:.875rem;font-weight:400;margin:0}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.manage-subscription-dropdown-wrapper{position:relative}.manage-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:100}.dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f1f5f9;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8fafc}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2}.dropdown-item svg{height:14px;width:14px}@media (max-width:1024px){.header-actions{align-items:flex-end;flex-direction:column;gap:.5rem}}@media (max-width:768px){.header-actions{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.manage-dropdown-menu{left:0;right:auto}}.overview-title-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:1.5rem}.overview-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.overview-subtitle{color:#64748b;font-size:.875rem;font-weight:500}.main-plan-info{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}@media (max-width:768px){.main-plan-info{flex-direction:column;gap:1rem;text-align:center}}.kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.kpi-card:hover{background:#f1f5f9;border-color:#cbd5e1}.kpi-header,.plan-info-header{align-items:center;display:flex;gap:.75rem}.plan-icon{color:#4f46e5;flex-shrink:0;font-size:1.5rem}.plan-details{flex:1 1}.plan-name{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.plan-description{line-height:1.3}.plan-price-info{text-align:right}.plan-price{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.kpi-icon-wrapper{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.kpi-icon{color:#64748b;font-size:.875rem}.kpi-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem}.kpi-value{color:#0f172a;font-size:1.125rem;font-weight:600;line-height:1.2}.kpi-label{color:#64748b;font-size:.75rem;font-weight:500}.kpi-progress{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:100%}.kpi-progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.kpi-indicator{align-items:center;display:flex;height:6px;justify-content:center}.kpi-status-dot{background:#64748b;border-radius:3px;height:6px;width:100%}.kpi-status-dot.unlimited{background:#10b981}.kpi-status-dot.limited{background:#f59e0b}.separator{background:#e2e8f0;height:1px;margin:1.5rem 0}.usage-section{margin-bottom:1.5rem}.usage-title{color:#0f172a;font-size:1rem;font-weight:500;margin:0 0 1rem}.usage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.usage-item{display:flex;flex-direction:column;gap:.5rem}.usage-header{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.usage-label{color:#64748b}.usage-value{color:#0f172a;font-weight:500}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#2c2c5a;border-radius:4px;height:100%;transition:width .3s ease}.progress-fill.unlimited{background:#22c55e}.progress-fill.limited{background:#eab308}.cancellation-warning{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1rem;transition:all .2s}.action-btn.secondary{background:#fff;border-color:#d1d5db;color:#374151}.action-btn.secondary:hover:not(:disabled){background:#f9fafb}.action-btn.success{background:#22c55e;border-color:#22c55e;color:#fff}.action-btn.success:hover:not(:disabled){background:#16a34a}.action-btn.danger{background:#fff;border-color:#fecaca;color:#dc2626}.action-btn.danger:hover:not(:disabled){background:#fef2f2}.action-btn:disabled{cursor:not-allowed;opacity:.6}.billing-toggle-section{display:flex;justify-content:center;margin:1rem 0}.billing-toggle{background:#fff;border:1px solid #d1d5db;border-radius:8px;gap:.25rem;padding:.25rem}.billing-btn,.billing-toggle{align-items:center;display:flex}.billing-btn{background:#0000;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.billing-btn.active{background:#2c2c5a;color:#fff}.billing-btn:hover:not(.active){background:#f9fafb}.savings-badge{background:#dcfce7;border-radius:4px;color:#16a34a;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .375rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.plans-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.plans-grid{grid-template-columns:repeat(5,1fr)}}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;height:100%;position:relative;transition:all .2s}.plan-card:hover{box-shadow:0 4px 6px -1px #0000001a}.plan-card.current-plan{border-color:#2c2c5a;border-width:2px}.plan-card.popular-plan{border-color:#2c2c5a;transform:scale(1.05)}.plan-card.current-plan{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a26}.plan-card.current-plan .plan-footer,.plan-card.current-plan .plan-header{border-color:#bbf7d0}.popular-badge{align-items:center;background:#2c2c5a;border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;left:50%;padding:.25rem .75rem;position:absolute;top:-12px;transform:translateX(-50%)}.current-badge{display:none}.plan-header{border-bottom:1px solid #e2e8f0;padding:1.5rem 1.5rem 1rem;text-align:center}.plan-title{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.plan-price-section{margin:1rem 0}.plan-price{color:#2c2c5a;font-size:1.875rem;font-weight:800;line-height:1}.plan-period{margin-top:.25rem}.plan-description,.plan-period{color:#64748b;font-size:.875rem}.plan-description{align-items:center;display:flex;justify-content:center;line-height:1.4;margin:0;min-height:40px}.plan-content{display:flex;flex:1 1;flex-direction:column;padding:1rem 1.5rem}.plan-limits{margin-bottom:1rem}.limit-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.limit-item:last-child{border-bottom:none}.limit-label{color:#64748b}.limit-value{color:#0f172a;font-weight:500}.plan-features{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.feature-item{align-items:flex-start;display:flex;font-size:.875rem;gap:.5rem;line-height:1.4}.feature-item.included{color:#374151}.feature-item.included svg{color:#22c55e;flex-shrink:0;margin-top:.125rem}.feature-item.excluded{color:#9ca3af}.feature-item.excluded svg{color:#d1d5db;flex-shrink:0;margin-top:.125rem}.feature-more{color:#64748b;font-size:.75rem;font-style:italic;margin-top:.5rem}.plan-footer{border-top:1px solid #e2e8f0;margin-top:auto;padding:1rem 1.5rem}.plan-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s;width:100%}.plan-btn.current{background:#4c9b1f;color:#fff;cursor:not-allowed}.plan-btn.upgrade{background:#2c2c5a;color:#fff}.plan-btn.upgrade:hover:not(:disabled){background:#1f1f3d}.plan-btn.enterprise{background:#2c2c5a;color:#fff}.plan-btn.enterprise:hover:not(:disabled){background:#1f1f3d}.plan-btn:disabled{cursor:not-allowed;opacity:.6}.debug-section-modern{margin-top:2rem}.debug-toggle-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s;width:100%}.debug-toggle-btn:hover{background:#f8fafc;color:#374151}.debug-toggle-btn .rotated{transform:rotate(180deg)}.debug-content-modern{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.debug-action-btn{align-items:center;background:#64748b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.debug-action-btn:hover{background:#475569}.debug-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem;width:100%}.debug-subscription{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:.85rem;margin:.25rem 0;padding:.5rem}.debug-subscription .cancelled{color:#dc2626;font-weight:600}.modal-overlay-modern{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content-modern{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header-modern{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.modal-header-modern h3{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn-modern{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s}.modal-close-btn-modern:hover{background:#fef2f2;color:#dc2626}.modal-body-modern{padding:1.5rem}.modal-body-modern p{color:#374151;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.modal-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem}.modal-warning h4{color:#dc2626;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.modal-warning ul{color:#7f1d1d;font-size:.875rem;margin:0;padding-left:1rem}.modal-warning li{margin:.25rem 0}.modal-info-modern{background:#ebeef6;border-radius:8px;margin:1rem 0;padding:1rem}.modal-info-modern h4{color:#2c2c5a;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.upgrade-info{color:#475569;font-size:.875rem;line-height:1.4}.upgrade-info div{margin:.25rem 0}.modal-highlight-modern{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.modal-highlight-modern strong{color:#1d4ed8;font-size:1rem}.modal-footer-modern{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.modal-btn-modern{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:120px;padding:.75rem 1.5rem;transition:all .2s}.modal-btn-modern:disabled{cursor:not-allowed;opacity:.6}.modal-btn-modern.secondary{background:#f3f4f6;color:#374151}.modal-btn-modern.secondary:hover:not(:disabled){background:#e5e7eb}.modal-btn-modern.danger{background:#dc2626;color:#fff}.modal-btn-modern.danger:hover:not(:disabled){background:#b91c1c}.modal-btn-modern.success{background:#2c2c5a;color:#fff}.modal-btn-modern.success:hover:not(:disabled){background:#1f1f3d}@media (max-width:768px){.container-main{padding:1rem}.header-content{align-items:flex-start;flex-direction:column}.header-text{text-align:center;width:100%}.header-text h1{font-size:1.5rem}.current-plan-info{flex-direction:column;text-align:center}.plan-info-right{text-align:center}.usage-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{width:100%}.billing-toggle{flex-direction:column;gap:.5rem}.plans-grid{grid-template-columns:1fr}.plan-card.popular-plan{transform:none}.debug-content-modern{flex-direction:column}.debug-action-btn{justify-content:center;width:100%}.modal-content-modern{margin:1rem;width:95%}.modal-footer-modern{flex-direction:column}.modal-btn-modern{width:100%}}@media (max-width:480px){.container-main{padding:.5rem}.card-content,.plan-content,.plan-footer,.plan-header{padding:1rem}}.subscription-page-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.subscription-page-main{display:flex;flex:1 1;flex-direction:column;margin-left:15rem;min-height:100vh;overflow:hidden;width:calc(100% - 15rem)}@media (max-width:768px){.subscription-page-main{margin-left:0;width:100%}}@media (max-width:1024px){.subscription-page-container{flex-direction:column}.subscription-page-main{margin-left:0;width:100%}}.team-invitation{margin:0 auto;max-width:800px;padding:2rem}.invitation-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:2rem}.invitation-header{border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.invitation-header h2{color:#2c3e50;font-size:1.75rem;margin-bottom:.5rem}.invitation-header p{color:#6c757d;font-size:1.125rem;margin:0}.invitation-details{margin-bottom:2rem}.detail-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem}.detail-item label{color:#495057;font-weight:500}.detail-item span{color:#2c3e50;font-weight:700}.invitation-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.invitation-info{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:0 8px 8px 0;padding:1.5rem}.invitation-info h4{color:#1976d2;font-size:1.125rem;margin:0 0 1rem}.invitation-info ul{margin:0;padding-left:1.5rem}.invitation-info li{color:#1565c0;margin-bottom:.5rem}.invitation-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:0 8px 8px 0;margin-bottom:2rem;padding:1.5rem}.invitation-warning h4{color:#856404;font-size:1.125rem;margin:0 0 1rem}.invitation-warning ul{margin:0;padding-left:1.5rem}.invitation-warning li{color:#856404;margin-bottom:.5rem}.message{border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.message h3{font-size:1.25rem;margin:0 0 1rem}.message p{margin:.5rem 0}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.message.success{background:#d1edff;border:1px solid #c3e6cb;color:#155724}.loading{color:#6c757d;font-size:1.125rem;padding:3rem;text-align:center}.notification-bell{cursor:pointer;position:relative}.notification-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-8px;text-align:center;top:-8px}.notifications-dropdown{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;width:320px;z-index:1000}.notifications-header{border-bottom:1px solid #e9ecef;color:#2c3e50;font-weight:500;padding:1rem}.notification-item{border-bottom:1px solid #f8f9fa;cursor:pointer;padding:1rem;transition:background-color .2s ease}.notification-item:hover{background:#f8f9fa}.notification-item:last-child{border-bottom:none}.notification-title{color:#2c3e50;font-weight:500;margin-bottom:.25rem}.notification-message{color:#6c757d;font-size:.875rem;margin-bottom:.5rem}.notification-time{color:#adb5bd;font-size:.75rem}.notification-actions{display:flex;gap:.5rem;margin-top:.5rem}.notification-actions .btn{font-size:.875rem;padding:.25rem .75rem}.no-notifications{color:#6c757d;font-style:italic;padding:2rem;text-align:center}@media (max-width:768px){.team-invitation{padding:1rem}.invitation-card{padding:1.5rem}.detail-item,.invitation-actions{flex-direction:column}.detail-item{align-items:flex-start;gap:.5rem}.notifications-dropdown{right:-50px;width:280px}}.imprint-header{background-color:#fff;border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:1rem 2rem;width:100%}.imprint-logo{display:block;height:40px;transition:opacity .2s ease-in-out;width:auto}.imprint-logo:hover{opacity:.8}.imprint-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.imprint-content h1{color:#1a1a1a;font-size:2rem;font-weight:300;margin-bottom:2rem;text-align:center}.imprint-content section{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:2rem}.imprint-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.imprint-content h2{color:#1a1a1a;font-size:1.25rem;font-weight:500;margin-bottom:1rem}.imprint-content p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.imprint-content p:last-child{margin-bottom:0}.imprint-content a{border-bottom:1px solid #0000;color:#2b6cb0;text-decoration:none;transition:border-color .2s ease}.imprint-content a:hover{border-bottom-color:#2b6cb0;text-decoration:none}@media (max-width:768px){.imprint-container{padding:1.5rem}.imprint-content h1{font-size:1.75rem;margin-bottom:1.5rem}.imprint-content section{margin-bottom:1.5rem;padding-bottom:1.5rem}.imprint-content h2{font-size:1.1rem}.imprint-content p{font-size:.95rem}}.terms-header{background-color:#fff;border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:1rem 2rem;width:100%}.terms-logo{display:block;height:40px;transition:opacity .2s ease-in-out;width:auto}.terms-logo:hover{opacity:.8}.terms-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.terms-content h1{color:#1a1a1a;font-size:2rem;font-weight:300;margin-bottom:2rem;text-align:center}.terms-content section{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:2rem}.terms-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.terms-content h2{color:#1a1a1a;font-size:1.25rem;font-weight:500;margin-bottom:1rem}.terms-content h3{color:#1a1a1a;font-size:1.1rem;font-weight:500;margin:1.5rem 0 .75rem}.terms-content p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.terms-content p:last-child{margin-bottom:0}.terms-content ul{color:#4a4a4a;list-style-type:disc;margin:.5rem 0 1rem 1.5rem}.terms-content li{font-size:1rem;line-height:1.6;margin-bottom:.5rem;padding-left:.5rem}.terms-content li:last-child{margin-bottom:0}.terms-content a{border-bottom:1px solid #0000;color:#2b6cb0;text-decoration:none;transition:border-color .2s ease}.terms-content a:hover{border-bottom-color:#2b6cb0;text-decoration:none}@media (max-width:768px){.terms-container{padding:1.5rem}.terms-content h1{font-size:1.75rem;margin-bottom:1.5rem}.terms-content section{margin-bottom:1.5rem;padding-bottom:1.5rem}.terms-content h2{font-size:1.1rem}.terms-content h3{font-size:1rem}.terms-content li,.terms-content p{font-size:.95rem}.terms-content ul{margin-left:1rem}}.page-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.page-container,.privacy-header{background-color:#fff;width:100%}.privacy-header{border-bottom:1px solid #eaeaea;box-sizing:border-box;padding:1rem 2rem}.privacy-logo{display:block;height:40px;transition:opacity .2s ease-in-out;width:auto}.privacy-logo:hover{opacity:.8}.privacy-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.privacy-content h1{color:#1a1a1a;font-size:2rem;font-weight:300;margin-bottom:2rem;text-align:center}.privacy-content section{border-bottom:1px solid #eaeaea;margin-bottom:2rem;padding-bottom:2rem}.privacy-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-content h2{color:#1a1a1a;font-size:1.25rem;font-weight:500;margin-bottom:1rem}.privacy-content h3{color:#1a1a1a;font-size:1.1rem;font-weight:500;margin:1.5rem 0 .75rem}.privacy-content p{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.privacy-content p:last-child{margin-bottom:0}.privacy-content ul{color:#4a4a4a;margin:.5rem 0 1rem 1.5rem}.privacy-content li{line-height:1.6;margin-bottom:.5rem}.privacy-content a{border-bottom:1px solid #0000;color:#2b6cb0;text-decoration:none;transition:border-color .2s ease}.privacy-content a:hover{border-bottom-color:#2b6cb0;text-decoration:none}@media (max-width:768px){.privacy-container{padding:1.5rem}.privacy-content h1{font-size:1.75rem;margin-bottom:1.5rem}.privacy-content section{margin-bottom:1.5rem;padding-bottom:1.5rem}.privacy-content h2{font-size:1.1rem}.privacy-content h3{font-size:1rem}.privacy-content p{font-size:.95rem}}.about-container{overflow-x:hidden;width:100%}.about-hero-section{align-items:center;background:linear-gradient(135deg,#f0f2f8,#e6e9f2);color:#2b2b5b;display:flex;justify-content:center;min-height:60vh;padding:2rem}.about-hero-content{max-width:1200px;padding:2rem;text-align:center}.about-hero-logo{height:auto;margin-bottom:2rem;max-width:300px;transition:transform .2s ease;width:90%}.about-hero-logo:hover{transform:scale(1.05)}.about-hero-content h1{color:#2b2b5b;font-size:3rem;margin-bottom:1.5rem}.about-hero-text{color:#4a5568;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.about-mission-section{background:#fff;padding:6rem 2rem}.mission-content{margin:0 auto;max-width:800px;text-align:center}.mission-content h2{color:#2b2b5b;font-size:2.5rem;margin-bottom:2rem}.mission-content p{color:#4a5568;font-size:1.2rem;line-height:1.6}.about-team-section{background:#f0f2f8;padding:6rem 2rem}.about-team-section h2{color:#2b2b5b;font-size:2.5rem;margin-bottom:3rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.team-member-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem;text-align:center}.team-member-avatar{align-items:center;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;transition:transform .3s ease;width:120px}.team-member-card:hover .team-member-avatar{transform:scale(1.1)}.team-member-card h3{color:#2b2b5b;font-size:1.5rem;margin-bottom:.5rem}.team-member-role{color:#4a5568;font-weight:600;margin-bottom:1rem}.team-member-bio{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.team-member-social{display:flex;gap:1rem;justify-content:center}.team-member-social a{color:#2b2b5b;transition:color .3s ease}.team-member-social a:hover{color:#1a1a3a}@media (max-width:1024px){.team-grid{grid-template-columns:repeat(2,1fr);padding:0 2rem}}@media (max-width:768px){.about-hero-content h1{font-size:2.5rem}.about-hero-text{font-size:1.1rem}.team-grid{grid-template-columns:1fr;max-width:400px}.about-team-section h2,.mission-content h2{font-size:2rem}}.features-container{overflow-x:hidden;width:100%}.features-hero-section{align-items:center;background:linear-gradient(135deg,#f0f2f8,#e6e9f2);color:#2b2b5b;display:flex;justify-content:center;min-height:50vh;padding:2rem}.features-hero-content{max-width:1200px;padding:2rem;text-align:center}.features-hero-logo{height:auto;margin-bottom:2rem;max-width:300px;transition:transform .2s ease;width:90%}.features-hero-logo:hover{transform:scale(1.05)}.features-hero-content h1{color:#2b2b5b;font-size:3rem;margin-bottom:1.5rem}.features-hero-text{color:#4a5568;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px}.features-grid-section{background:#fff;padding:6rem 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.feature-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:0 8px 15px #0000001a}.feature-icon{align-items:center;background:#2b2b5b1a;border-radius:20px;color:#2b2b5b;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:80px}.feature-card:hover .feature-icon{background:#2b2b5b;color:#fff;transform:rotate(5deg)}.feature-card h3{color:#2b2b5b;font-size:1.5rem;margin-bottom:1rem}.feature-description{color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.feature-details{list-style:none;margin:0;padding:0;text-align:left;width:100%}.feature-details li{color:#4a5568;padding:.5rem 0 .5rem 1.5rem;position:relative}.feature-details li:before{color:#2b2b5b;content:"•";font-weight:700;left:0;position:absolute}.features-cta-section{background:linear-gradient(135deg,#2b2b5b,#1e1e3f);color:#fff;padding:6rem 2rem;text-align:center}.features-cta-section h2{font-size:2.5rem;margin-bottom:1rem}.features-cta-section p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.primary-btn{background:#fff;border:none;border-radius:8px;color:#2b2b5b;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:hover{box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}@media (max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr);padding:0 2rem}}@media (max-width:768px){.features-hero-content h1{font-size:2.5rem}.features-hero-text{font-size:1.1rem}.features-grid{grid-template-columns:1fr;max-width:400px}.feature-card{padding:1.5rem}.features-cta-section h2{font-size:2rem}}.help-center-container{background:linear-gradient(135deg,#f0f2f8,#e6e9f2);min-height:100vh}.help-hero-section{background:linear-gradient(135deg,var(--dark-background-color) 0,var(--hover-background-color) 100%);padding:4rem 2rem;text-align:center}.help-hero-content{margin:0 auto;max-width:800px}.help-hero-logo{cursor:pointer;margin-bottom:1.5rem;transition:transform .3s ease;width:150px}.help-hero-logo:hover{transform:scale(1.05)}.help-hero-section h1{color:var(--white);font-size:2.5rem;margin-bottom:1rem}.help-hero-text{color:#ffffffe6;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.help-search-container{margin:0 auto;max-width:600px}.help-search-input-wrapper{align-items:center;display:flex;position:relative}.help-search-icon{color:var(--middle-background-color-2);font-size:1.125rem;left:1.25rem;position:absolute}.help-search-input{background:var(--white);border:none;border-radius:50px;box-shadow:0 4px 20px #00000026;font-size:1rem;padding:1.25rem 3rem 1.25rem 3.5rem;transition:box-shadow .3s ease;width:100%}.help-search-input:focus{box-shadow:0 4px 30px #0003;outline:none}.help-search-clear,.help-search-input::placeholder{color:var(--middle-background-color-2)}.help-search-clear{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1.25rem;transition:color .2s ease}.help-search-clear:hover{color:var(--alarm-color)}.help-search-hint{color:#fffc;font-size:.875rem;margin-top:.75rem}.help-search-results-count{color:#ffffffe6;font-size:.875rem;margin-top:1rem}.help-tabs-section{background:var(--white);border-bottom:1px solid #0000001a;position:sticky;top:0;z-index:100}.help-tabs{display:flex;gap:0;margin:0 auto;max-width:1200px}.help-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--middle-background-color-2);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;max-width:300px;padding:1.25rem 2rem;transition:all .3s ease}.help-tab:hover{background:#2c2c5a0d}.help-tab.active,.help-tab:hover{color:var(--dark-background-color)}.help-tab.active{border-bottom-color:var(--dark-background-color)}.help-tab-count{background:#2c2c5a1a;border-radius:20px;color:var(--dark-background-color);font-size:.75rem;font-weight:700;padding:.25rem .625rem}.help-tab.active .help-tab-count{background:var(--dark-background-color);color:var(--white)}.help-main-section{margin:0 auto;max-width:1400px;padding:2rem}.help-main-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr}.help-sidebar{align-self:start;position:sticky;top:100px}.help-sidebar h3{color:var(--middle-background-color-2);font-size:.875rem;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.category-filter{background:var(--white);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-10);padding:.5rem}.category-filter-list{display:flex;flex-direction:column;gap:.25rem}.category-filter-item{align-items:center;background:none;border:none;border-radius:var(--border-radius-05);color:var(--dark-background-color);cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.category-filter-item:hover{background:#2c2c5a0d}.category-filter-item.active{background:#2c2c5a1a;font-weight:600}.category-icon{color:var(--hover-background-color);flex-shrink:0;font-size:1rem}.category-filter-item.active .category-icon{color:var(--dark-background-color)}.help-contact-box{background:var(--white);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-10);margin-top:2rem;padding:1.5rem}.help-contact-box h4{margin-bottom:.5rem}.help-contact-box p{color:var(--middle-background-color-2);font-size:.875rem;margin-bottom:1rem}.help-contact-link{align-items:center;color:var(--dark-background-color);display:flex;font-weight:600;gap:.5rem;text-decoration:none;transition:color .2s ease}.help-contact-link:hover{color:var(--hover-background-color)}.help-content-area{min-height:500px}.guides-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.guide-card{background:var(--white);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-10);cursor:pointer;overflow:hidden;transition:all .3s ease}.guide-card-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.guide-card-thumbnail img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.guide-card:hover .guide-card-thumbnail img{transform:scale(1.05)}.guide-card-play-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .3s ease}.guide-card:hover .guide-card-play-overlay{opacity:1}.play-icon{color:var(--white);filter:drop-shadow(0 2px 10px rgba(0,0,0,.3));font-size:4rem}.guide-card-difficulty{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem;top:.75rem}.guide-card-difficulty.beginner{background:var(--success-color);color:var(--white)}.guide-card-difficulty.advanced{background:var(--hover-background-color);color:var(--white)}.guide-card-content{padding:1.25rem}.guide-card-title{color:var(--dark-background-color);font-size:1.0625rem;margin-bottom:.5rem}.guide-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--middle-background-color-2);display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.guide-card-meta{align-items:center;display:flex;gap:1rem}.guide-card-duration{align-items:center;color:var(--middle-background-color-2);display:flex;font-size:.8125rem;gap:.375rem}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--white);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-10);overflow:hidden}.faq-item-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .2s ease;width:100%}.faq-item-header:hover{background:#2c2c5a08}.faq-item-question{align-items:center;display:flex;gap:.75rem;text-align:left}.faq-icon{color:var(--hover-background-color);flex-shrink:0;font-size:1.125rem}.faq-item-question span{color:var(--dark-background-color);font-size:1rem;font-weight:600}.faq-item-toggle{color:var(--middle-background-color-2);flex-shrink:0}.faq-item.open .faq-item-toggle{color:var(--dark-background-color)}.faq-item-content{overflow:hidden}.faq-item-answer{padding:0 1.5rem 1.5rem 3.25rem}.faq-item-answer p{color:var(--middle-background-color-2);font-size:.9375rem;line-height:1.7}.faq-item-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.faq-tag{background:#5255891a;border-radius:20px;color:var(--hover-background-color);font-size:.75rem;padding:.25rem .625rem}.help-no-results{padding:4rem 2rem;text-align:center}.no-results-icon{color:var(--middle-background-color);font-size:4rem;margin-bottom:1.5rem}.help-no-results h3{margin-bottom:.75rem}.help-no-results p{color:var(--middle-background-color-2);margin-bottom:1.5rem}.help-no-results button{margin:0 auto;max-width:200px}.video-modal-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.video-modal-content{background:var(--dark-background-color);border-radius:var(--border-radius-1);max-width:1000px;overflow:hidden;width:100%}.video-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:var(--white);cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s ease;width:44px;z-index:10}.video-modal-close:hover{background:#fff3}.video-modal-wrapper{aspect-ratio:16/9;position:relative;width:100%}.video-modal-wrapper iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.video-modal-info{color:var(--white);padding:1.5rem}.video-modal-info h3{color:var(--white);margin-bottom:.5rem}.video-modal-info p{color:#fffc;font-size:.9375rem}.help-quicklinks-section{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.help-quicklinks-section h2{color:var(--dark-background-color);margin-bottom:2rem}.help-quicklinks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-quicklink-card{background:var(--white);border-radius:var(--border-radius-1);box-shadow:var(--box-shadow-10);cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.help-quicklink-card:hover{box-shadow:var(--box-shadow-25)}.quicklink-icon{font-size:2.5rem;margin-bottom:1rem}.help-quicklink-card h3{margin-bottom:.5rem}.help-quicklink-card p{color:var(--middle-background-color-2);font-size:.875rem;line-height:1.5}.highlight{background:#ffe60066;border-radius:2px;padding:0 .125rem}@media (max-width:1024px){.help-main-content{grid-template-columns:1fr}.help-sidebar{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;position:static}.help-sidebar h3{grid-column:1/-1}.category-filter{order:1}.help-contact-box{margin-top:0;order:2}.category-filter-list{flex-direction:row;flex-wrap:wrap}.category-filter-item{flex:1 1;justify-content:center;min-width:120px;text-align:center}}@media (max-width:768px){.help-hero-section{padding:2.5rem 1rem}.help-hero-section h1{font-size:2rem}.help-hero-text{font-size:1rem}.help-search-input{font-size:.9375rem;padding:1rem 2.5rem 1rem 3rem}.help-tabs{flex-direction:column}.help-tab{border-bottom:none;border-left:3px solid #0000;max-width:none}.help-tab.active{border-bottom-color:#0000;border-left-color:var(--dark-background-color)}.help-main-section{padding:1.5rem 1rem}.help-sidebar{grid-template-columns:1fr}.category-filter-list{flex-direction:column}.category-filter-item{justify-content:flex-start;text-align:left}.guides-grid{grid-template-columns:1fr}.help-quicklinks-section{padding:2rem 1rem}.help-quicklinks-grid{grid-template-columns:1fr}.video-modal-overlay{padding:0}.video-modal-content{border-radius:0;display:flex;flex-direction:column;height:100%}.video-modal-wrapper{flex-shrink:0}.video-modal-info{flex:1 1;overflow-y:auto}}@media (max-width:480px){.help-hero-section h1{font-size:1.75rem}.help-tab{font-size:.9375rem}.faq-item-header,.guide-card-content,.help-tab{padding:1rem}.faq-item-answer{padding:0 1rem 1rem 2.5rem}}.loading-demo-page{background:#f8fafc;min-height:100vh;padding:2rem}.demo-container{margin:0 auto;max-width:1200px}.demo-container h1{color:#1e293b;font-size:2.5rem;margin-bottom:.5rem}.demo-subtitle{color:#64748b;font-size:1.125rem;margin-bottom:3rem}.demo-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:2rem}.demo-section h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.demo-section h3{color:#475569;font-size:1.125rem;margin:1.5rem 0 1rem}.demo-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.demo-controls input[type=range]{flex:1 1;min-width:200px}.demo-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.demo-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.demo-btn:disabled{cursor:not-allowed;opacity:.6}.demo-btn.primary{background:#4f46e5;color:#fff}.demo-btn.primary:hover:not(:disabled){background:#4338ca}.demo-btn.secondary{background:#e2e8f0;color:#475569}.demo-btn.success{background:#10b981;color:#fff}.demo-btn.danger{background:#ef4444;color:#fff}.demo-btn.small{font-size:.875rem;padding:.5rem 1rem}.close-demo-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-weight:500;padding:.5rem 1rem}.close-demo-btn:hover,.spinner-showcase{background:#f8fafc}.spinner-showcase{border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:2rem}.spinner-demo-item{align-items:center;display:flex;flex-direction:column;gap:1rem}.button-showcase{display:flex;flex-wrap:wrap;gap:1rem}.skeleton-showcase{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:2rem}.cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:1rem}.list-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.project-card-real{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s}.project-card-real:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.project-card-real h3{color:#1e293b;margin:0}.project-card-real p{color:#64748b;font-size:.875rem;margin:0}.dashboard-simulation{background:#f8fafc;border-radius:8px;padding:1rem}@media (max-width:768px){.loading-demo-page{padding:1rem}.demo-container h1{font-size:2rem}.demo-section{padding:1.5rem}.cards-grid{grid-template-columns:1fr}.spinner-showcase{align-items:center;flex-direction:column}}.firebase-stats-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-size:20px;height:50px;position:fixed;right:20px;transition:all .3s ease;width:50px;z-index:9998}.firebase-stats-toggle:hover{box-shadow:0 6px 16px #0003;transform:scale(1.1)}.firebase-stats-panel{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:80vh;overflow:hidden;position:fixed;right:20px;width:450px;z-index:9999}.firebase-stats-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.firebase-stats-header h3{font-size:18px;font-weight:600;margin:0}.firebase-stats-actions{display:flex;gap:8px}.firebase-stats-actions button{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.firebase-stats-actions button:hover{background:#ffffff4d}.firebase-stats-actions button.active{background:#fff6}.firebase-stats-content{max-height:calc(80vh - 64px);overflow-y:auto;padding:20px}.stats-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.stats-section:last-child{border-bottom:none}.stats-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stat-item{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px}.stat-item.highlight{background:#eff6ff;border:1px solid #dbeafe}.stat-item.success{background:#f0fdf4;border:1px solid #bbf7d0}.stat-label{color:#6b7280;font-size:12px;font-weight:500}.stat-value{color:#111827;font-size:20px;font-weight:700}.stat-value.reads{color:#3b82f6}.stat-value.writes{color:#f59e0b}.stat-value.cache{color:#10b981}.stat-value.cost{color:#ef4444}.stat-value.savings{color:#10b981}.btn-reset-session{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;margin-top:12px;padding:8px;transition:all .2s ease;width:100%}.btn-reset-session:hover{background:#e5e7eb}.efficiency-bar{background:#f3f4f6;border-radius:8px;height:32px;overflow:hidden;position:relative;width:100%}.efficiency-fill{align-items:center;background:linear-gradient(90deg,#10b981,#059669);color:#fff;display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;min-width:50px;transition:width .5s ease}.efficiency-text{color:#6b7280;font-size:13px;margin-top:8px;text-align:center}.cost-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:none;border-radius:8px;padding:16px}.cost-section h4{color:#92400e}.collection-stats{display:flex;flex-direction:column;gap:8px}.collection-item{align-items:center;background:#f9fafb;border-radius:6px;display:flex;font-size:13px;justify-content:space-between;padding:10px 12px}.collection-name{color:#374151;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-values{display:flex;font-size:12px;gap:12px}.collection-values span{background:#fff;border-radius:4px;padding:2px 8px}.collection-values .server{color:#3b82f6}.collection-values .cache{color:#10b981}.collection-values .total{color:#6b7280;font-weight:600}.no-data{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.stats-info{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-top:16px;padding:16px}.stats-info p{color:#92400e;font-size:12px;line-height:1.5;margin:0 0 8px}.stats-info p:last-child{margin-bottom:0}.stats-info code{background:#fef3c7;border-radius:3px;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}@media (max-width:768px){.firebase-stats-panel{max-width:450px;width:calc(100vw - 40px)}.stats-grid{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.firebase-stats-content,.firebase-stats-panel{background:#1f2937}.stats-section{border-bottom-color:#374151}.stats-section h4{color:#f9fafb}.stat-item{background:#374151}.stat-label{color:#d1d5db}.stat-value{color:#f9fafb}.collection-item{background:#374151}.collection-name{color:#f9fafb}}