:root{--color-light-grey:#e3e1e0;--color-lighter-grey:#efefef;--color-mint-orange:#f07300;--color-cyan:#00f7ff;--color-blue:#0097e0;--color-dark-blue:#036;--color-darker-blue:#00194a;--color-black:#000;--color-primary:var(--color-blue);--color-primary-dark:var(--color-dark-blue);--color-primary-darker:var(--color-darker-blue);--color-secondary:var(--color-cyan);--color-accent:var(--color-mint-orange);--color-background:var(--color-lighter-grey);--color-background-light:#fff;--color-background-hover:#efefef80;--color-text:var(--color-darker-blue);--color-text-light:var(--color-light-grey);--color-border:var(--color-light-grey);--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-info:var(--color-cyan);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--card-border-radius:8px;--card-box-shadow:0 2px 8px #0000000d;--input-border-radius:4px;--button-border-radius:4px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{max-width:100%;overflow-x:clip;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;background-color:var(--color-background);color:#00194a;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#0097e0;color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input[type=submit]{cursor:pointer}button:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.7}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.grid{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:640px){.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background-color:#fff;border-radius:8px;border-radius:var(--card-border-radius,8px);box-shadow:0 2px 8px #0000000d;box-shadow:var(--card-box-shadow,0 2px 8px #0000000d);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg,1.5rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem);padding-bottom:.5rem;padding-bottom:var(--spacing-sm,.5rem)}.card-title{color:var(--color-text);font-size:1.2rem;font-weight:500;margin:0}.btn{align-items:center;border:none;border-radius:4px;border-radius:var(--button-border-radius,4px);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem 1rem;text-decoration:none;transition:background-color .2s,transform .1s}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-lighter-grey)}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-text{align-items:center;background:none;border:none;color:var(--color-primary);display:inline-flex;padding:.5rem;transition:color .2s}.btn-text:hover{color:var(--color-primary-dark)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;padding:0;width:36px}.modal-content{border-radius:var(--card-border-radius,8px);max-width:500px;padding:1.5rem;padding:var(--spacing-lg,1.5rem);position:relative}.modal-header{margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.modal-title{color:var(--color-text);font-size:1.5rem}.modal-close{align-items:center;border-radius:50%;color:#666;display:flex;font-size:1.8rem;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.modal-close:hover{background-color:#0000000d;color:#333}.modal-body{margin-bottom:var(--spacing-lg,1.5rem)}.modal-actions{gap:.5rem;gap:var(--spacing-sm,.5rem)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.form-group label{margin-bottom:.25rem;margin-bottom:var(--spacing-xs,.25rem)}.form-group input,.form-group select,.form-group textarea{border-radius:var(--input-border-radius,4px);padding:.625rem .75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.section{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.section-header{margin-bottom:var(--spacing-md,1rem)}.section-title{color:var(--color-text);font-size:1.3rem;font-weight:500;margin:0}.sidebar{background-color:#fff;box-shadow:2px 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100vh;overflow-x:clip;overflow-y:auto;transition:all .3s ease;width:250px;z-index:900}.sidebar,.sidebar-overlay{left:0;position:fixed;top:0}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;opacity:0;outline:none;right:0;transition:opacity .3s ease;z-index:899}.sidebar-overlay.active{display:block;opacity:1}.sidebar-overlay:focus{box-shadow:inset 0 0 0 2px var(--color-primary)}.mobile-header{background-color:#fff;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:none;height:60px;left:0;position:fixed;top:0;width:100%;z-index:1002}.mobile-header-content{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1rem;width:100%}.mobile-header-right{align-items:center;display:flex;gap:10px}.mobile-logo{height:30px;max-width:150px}.mobile-toggle-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#00194a;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.mobile-toggle-button .toggle-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.mobile-toggle-button.is-active{background-color:#00194a;color:#fff}.sidebar.collapsed{width:60px}.sidebar-header{align-items:center;border-bottom:1px solid #efefef;box-sizing:border-box;display:flex;justify-content:space-between;padding:1.5rem}.sidebar-header .logo img{height:auto;max-width:150px;transition:opacity .3s ease}.sidebar-header .logo-icon{color:var(--color-primary-darker);font-size:1.5rem;font-weight:700}.sidebar-collapse-button{align-items:center;background:none;border:none;color:#00194a;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;padding:0;transition:transform .3s ease;width:24px}.rotate-180{transform:rotate(180deg)}.sidebar-close-mobile{align-items:center;background:none;border:none;color:#00194a;cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;padding:0;width:32px}.sidebar-content{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-menu{box-sizing:border-box;list-style:none;margin:0 0 .5rem;padding:0}.sidebar-menu li{box-sizing:border-box;list-style-type:none;margin-bottom:.2rem;position:relative}.dropdown-header button,.sidebar-menu li a,.sidebar-menu li button{align-items:center;background:none;border:none;box-sizing:border-box;color:#00194a;cursor:pointer;display:flex;font-size:.95rem;padding:.8rem 1.5rem;text-align:left;text-decoration:none;transition:background-color .2s;white-space:nowrap;width:100%}.sidebar.collapsed .dropdown-header button,.sidebar.collapsed .sidebar-menu li a,.sidebar.collapsed .sidebar-menu li button{justify-content:center;padding:.8rem 0}.sidebar-menu li.active .dropdown-header button,.sidebar-menu li.active a{background-color:#0367ca1a;border-left:3px solid var(--color-primary);color:var(--color-primary);font-weight:500}.sidebar.collapsed .sidebar-menu li.active .dropdown-header button,.sidebar.collapsed .sidebar-menu li.active a{border-left:none;border-right:3px solid var(--color-primary)}.dropdown-header button:hover,.sidebar-menu li a:hover,.sidebar-menu li button:hover{background-color:#0367ca1a}.sidebar-button{background:none;border:none;color:#00194a;cursor:pointer;text-align:left;transition:all .2s;width:100%}.sidebar-button:hover{background-color:#0367ca1a}.sidebar-icon{align-items:center;color:inherit;display:flex;font-size:1.2rem;margin-right:.75rem;min-width:1.2rem}.sidebar.collapsed .sidebar-icon{margin-right:0}.dropdown-icon{color:inherit;font-size:1.2rem;margin-left:auto}.dropdown-header{width:100%}.dropdown-header.active button{background-color:#2effaf1a}.dropdown-menu{background-color:#00194a05;list-style:none;margin:0;overflow:hidden;padding:0 0 0 2.5rem}.dropdown-menu li a{font-size:.9rem;padding:.6rem 1.5rem}.sidebar-section{border-top:1px solid #efefef;box-sizing:border-box;margin-top:1rem;padding-top:1rem}.user-info{align-items:center;box-sizing:border-box;color:#00194a;display:flex;font-weight:500;padding:.8rem 1.5rem}.user-badge{background-color:var(--color-primary);border-radius:10px;color:#fff;font-size:.7rem;margin-left:.5rem;padding:.2rem .5rem}.login-item,.register-item{list-style-type:none;margin-top:1rem}.login-button,.register-button{background-color:var(--color-primary)!important;border-radius:4px;color:#00194a!important;font-weight:500;justify-content:center;margin:.5rem 1.5rem;padding:.6rem 1.5rem!important;text-align:center!important;transition:background-color .3s!important;width:calc(100% - 3rem)!important}.login-button:hover,.register-button:hover{background-color:#00194a!important;color:#fff!important}.sidebar-help-links{border-top:1px solid #efefef;box-sizing:border-box;padding:1rem 0}.sidebar-help-links ul{list-style:none;margin:0;padding:0}.sidebar-footer{border-top:1px solid #efefef;box-sizing:border-box;padding:1rem 1.5rem}.sidebar-footer li{list-style-type:none}.upgrade-info{display:flex;flex-direction:column}.days-remaining{color:#00194a;font-size:.8rem;margin-bottom:.5rem}.upgrade-button{align-items:center;background-color:var(--color-primary);border-radius:4px;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem;text-align:center;text-decoration:none;transition:background-color .3s}.upgrade-button:hover{background-color:#00194a;color:#fff;text-decoration:none}.sidebar-loading{color:#00194a;padding:2rem;text-align:center}@media (max-width:768px){.mobile-header{display:block}.main-content{padding-top:calc(60px + 1rem)!important}.sidebar{box-shadow:-2px 0 10px #0000001a;height:100%;height:calc(100% - 60px);left:auto;right:0;top:60px;transform:translateX(100%);z-index:1001}.sidebar.active{transform:translateX(0)}.sidebar-header{justify-content:flex-end;padding:1rem}.main-content{padding-left:1rem!important}.sidebar.active+.mobile-header .mobile-toggle-button{background-color:#00194a;color:#fff}.sidebar-menu li.active .dropdown-header button,.sidebar-menu li.active a{border-left:none;border-right:3px solid var(--color-primary)}}.sidebar-actions{align-items:center;display:flex;margin-left:auto;padding-right:.5rem}.notification-dropdown{animation:dropdown-slide-down .2s ease-out;background-color:var(--color-background-light);box-shadow:0 4px 20px #00000026;max-height:480px;top:100%;width:320px}@keyframes dropdown-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 16px}.notification-dropdown-header h3{font-size:1rem;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:var(--color-primary);cursor:pointer;font-size:.75rem;padding:4px 8px}.mark-all-read-btn:hover{background-color:var(--color-background-hover)}.notification-dropdown-content{flex:1 1;max-height:360px;overflow-y:auto}.notification-empty,.notification-error,.notification-loading{color:var(--color-text-secondary);font-size:.875rem;padding:20px;text-align:center}.notification-list{list-style:none;margin:0;padding:0}.notification-item{align-items:flex-start;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;padding:12px 16px;position:relative;transition:background-color .2s}.notification-item:hover{background-color:var(--color-background-hover)}.notification-item.unread{background-color:var(--color-background-unread)}.notification-item.read{background-color:#f5f5f5;cursor:default}.notification-item.read .notification-content-button{cursor:default}.notification-content{display:flex;flex:1 1;gap:10px}.notification-content-button{background:none;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;font-family:inherit;padding:0;text-align:left;width:100%}.notification-icon{align-items:center;border-radius:50%;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.notification-icon.info{background-color:var(--color-info-light);color:var(--color-info)}.notification-icon.success{background-color:var(--color-success-light);color:var(--color-success)}.notification-icon.warning{background-color:var(--color-warning-light);color:var(--color-warning)}.notification-icon.error{background-color:var(--color-error-light);color:var(--color-error)}.notification-body{flex:1 1}.notification-title{font-size:.875rem;margin-bottom:4px}.notification-message{color:var(--color-text-secondary);font-size:.8125rem;margin-bottom:4px;word-break:break-word}.notification-time{color:var(--color-text-tertiary);font-size:.75rem}.notification-delete{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:1.25rem;opacity:0;padding:4px;transition:opacity .2s}.notification-item:hover .notification-delete{opacity:1}.notification-delete:hover{color:var(--color-error)}.notification-dropdown-footer{border-top:1px solid var(--color-border);padding:12px 16px;text-align:center}.notification-dropdown-all-btn{background-color:var(--color-background-button);border:none;border-radius:4px;color:var(--color-text);cursor:pointer;font-size:.875rem;padding:8px;transition:background-color .2s;width:100%}.notification-dropdown-all-btn:hover{background-color:var(--color-background-button-hover)}.notification-view-btn{background-color:#036;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;margin-top:8px;padding:4px 8px;transition:background-color .2s}.notification-view-btn:hover{background-color:#00194a}.notification-indicator{position:relative}.notification-button{align-items:center;background:none;border:none;border-radius:50%;color:#00194a;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.notification-button:hover{background-color:#0367ca1a}.notification-badge{align-items:center;background-color:var(--color-accent);border-radius:9px;color:#00194a;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0}.mobile-header-left .notification-button{font-size:1rem;height:35px;width:35px}.mobile-header-left .notification-badge{font-size:.6rem;height:16px;min-width:16px}.notification-dropdown{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:absolute;right:0;top:45px;width:300px;z-index:1000}@media (max-width:768px){.mobile-header-left .notification-dropdown{left:0;top:40px;width:280px}}.dashboard-actions .notification-indicator{align-items:center;display:flex}.dashboard-actions .notification-button{background-color:var(--color-background-light);border-radius:8px;color:var(--color-dark-blue);font-size:1rem;height:40px;padding:0 15px;transition:all .2s ease;width:auto}.dashboard-actions .notification-button:hover{background-color:var(--color-background-hover)}.dashboard-actions .notification-badge{right:-5px;top:-5px}.notification-text{display:none;margin-left:8px}.dashboard-actions .notification-text{display:inline-block;font-weight:500;margin-left:8px}.footer{background-color:var(--color-background-light);border-top:1px solid var(--color-border);margin-top:3rem;padding:4rem 0 2rem;position:relative;z-index:0}.footer .container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:3rem}.footer-section{flex:1 1;margin-bottom:2rem;min-width:250px;padding-right:2rem}.footer-section h3{color:var(--color-text);font-size:1.2rem;margin-bottom:1.5rem}.footer-section p{color:var(--color-text);line-height:1.6}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:var(--color-text);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.9rem;padding-top:2rem;text-align:center}.footer-logo{margin-bottom:1.5rem}.footer-logo img{height:40px;max-width:180px;width:auto}@media (max-width:768px){.footer{padding:2rem 0 1rem}.footer-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.footer-section{flex:0 0 48%;margin-bottom:1.5rem;min-width:0;padding-right:0}.footer-section h3{font-size:1rem;margin-bottom:.8rem}.footer-section p{font-size:.85rem;line-height:1.4}.footer-links li{font-size:.85rem;margin-bottom:.5rem}.footer-bottom{font-size:.8rem;padding-top:1rem}.footer-logo img{height:30px}}.notifications-container{display:flex;flex-direction:column;gap:.5rem;max-width:320px;position:fixed;right:1rem;top:1rem;width:100%;z-index:1000}.notification{animation:notification-slide-in .3s ease-out;background-color:var(--color-background-light);border-left:4px solid;border-radius:6px;box-shadow:0 4px 12px #00000026;padding:1rem;position:relative}.notification-info{border-left-color:var(--color-info)}.notification-success{border-left-color:var(--color-success)}.notification-warning{border-left-color:var(--color-warning)}.notification-error{border-left-color:var(--color-error)}.notification-title{color:var(--color-text);font-weight:600;margin-bottom:.25rem}.notification-message{color:var(--color-text);font-size:.875rem;margin-right:16px}.notification-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;position:absolute;right:.5rem;top:.5rem}.notification-close:hover{color:#1f2937}@keyframes notification-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.notifications-container{bottom:1rem;left:1rem;max-width:none;right:1rem;top:auto}}.main-layout{display:flex;flex-direction:column;max-width:100vw;min-height:100vh;overflow-x:clip;position:relative;width:100%}.main-content{box-sizing:border-box;flex:1 1;overflow-y:visible;padding:2rem 1.5rem;transition:all .3s ease;width:100%}.main-content.with-sidebar{margin-left:250px;width:calc(100% - 250px)}.main-content.with-collapsed-sidebar{margin-left:60px;width:calc(100% - 60px)}.main-content.with-mobile-header{padding-top:80px}footer{box-sizing:border-box;position:relative;transition:all .3s ease;width:100%;z-index:1000}footer.with-sidebar{margin-left:250px;width:calc(100% - 250px)}footer.with-collapsed-sidebar{margin-left:60px;width:calc(100% - 60px)}footer.with-mobile-header{margin-left:0;width:100%}@media (max-width:1200px){.main-content{padding:1.5rem 1rem}}@media (max-width:768px){.main-content{padding:1rem .75rem}.main-content,.main-content.with-collapsed-sidebar,.main-content.with-sidebar,footer.with-collapsed-sidebar,footer.with-mobile-header,footer.with-sidebar{margin-left:0;width:100%}}@media (max-width:576px){.main-content{padding:.75rem .5rem}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{transition:opacity .3s,transform .3s}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.auth-page-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:calc(100vh - 160px);padding:40px 20px}.auth-page-content{max-width:450px;width:100%}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%}.login-header{margin-bottom:24px;text-align:center}.login-header h1{color:#333;font-size:1.8rem;margin-bottom:8px}.login-header p{color:#666;font-size:.95rem}.error-message{background-color:#feeaea;border-left:3px solid #d32f2f;color:#d32f2f;font-size:.9rem;margin-bottom:16px;padding:12px}.credentials-error{align-items:center;background-color:#fff0f4;border-left:4px solid #c51244;border-radius:4px;color:#c51244;display:flex;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.error-input{background-color:#fff0f4!important;border-color:#c51244!important}.error-input:focus{box-shadow:0 0 0 2px #c5124433!important}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.credentials-error{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.credentials-error:before{content:"⚠️";font-size:1.1em;margin-right:8px}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{color:#555;font-size:.9rem;margin-bottom:6px}.form-group input{border:1px solid #ddd;height:44px;padding:0 12px;transition:all .3s ease}.form-group input:focus{border-color:#2c7be5;box-shadow:0 0 0 2px #2c7be533}.form-options{font-size:.85rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:6px}.remember-me input[type=checkbox]{cursor:pointer;height:16px;width:16px}.forgot-password{color:#2c7be5;font-weight:500;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{background-color:#2c7be5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;height:44px;transition:background-color .2s}.login-button:hover{background-color:#1a68d1}.login-button:disabled{background-color:#a7c5f2;cursor:not-allowed}.social-auth{margin-top:24px;text-align:center}.social-auth p{color:#666;font-size:.9rem;margin-bottom:12px;position:relative}.social-auth p:after,.social-auth p:before{background-color:#ddd;content:"";height:1px;position:absolute;top:50%;width:30%}.social-auth p:before{left:0}.social-auth p:after{right:0}.social-buttons{display:flex;gap:12px}.social-buttons button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;height:44px;justify-content:center;transition:background-color .2s,border-color .2s}.google-button:hover{background-color:#f1f3f4;border-color:#f60e0e}.facebook-button{background-color:#4267b2;border-color:#4267b2}.facebook-button:hover{background-color:#f1f3f4;border-color:#365899}.social-buttons button:disabled{cursor:not-allowed;opacity:.7}.login-footer{color:#666;font-size:.9rem;margin-top:24px;text-align:center}.register-link{color:#2c7be5;font-weight:500;text-decoration:none}.register-link:hover{text-decoration:underline}@media (max-width:480px){.login-card{padding:20px}.social-auth p:after,.social-auth p:before{width:25%}}.auth-links{margin-top:1.5rem;text-align:center}.auth-links a{color:#5469d4;text-decoration:none;transition:color .3s}.auth-links a:hover{color:#4054b2;text-decoration:underline}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:30px 0}.loading-spinner p{color:#666;margin-top:15px}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2c7be5;height:40px;width:40px}.trial-banner{background-color:var(--color-background-light);border-left:4px solid var(--color-primary);border-color:var(--color-primary);border-radius:4px;font-size:14px;line-height:1.5;margin:15px 0;padding:12px 15px}.trial-banner strong{color:var(--color-primary);display:block;margin-bottom:3px}.password-container{position:relative;width:100%}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1 1;padding-right:40px}.toggle-password-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s}.toggle-password-btn:hover{color:#2c7be5}.selected-plan-info{background-color:#2c7be51a;border-left:3px solid #2c7be5;border-radius:6px;font-size:.9rem;margin-top:10px;padding:10px}.checkbox-group{margin-bottom:16px}.checkbox-group .remember-me label{color:#555;font-size:.85rem;line-height:1.4}.checkbox-group a{color:#2c7be5;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}.input-error{color:#d32f2f;font-weight:500}.input-error,.input-info{animation:fadeIn .3s ease-in-out;display:block;font-size:.85rem;margin-top:4px}.input-info{color:#05f;font-style:italic}.error-input{background-color:#d32f2f0d;border-color:#d32f2f!important}.error-input:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-container h1{color:var(--color-text);margin-bottom:30px;text-align:center}.dashboard-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.dashboard-welcome{background-color:var(--color-background-light);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:var(--spacing-lg)}.dashboard-welcome h2{color:var(--color-text);margin-top:0}.dashboard-upgrade-banner{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);color:#fff;margin-bottom:1.5rem;padding:25px;text-align:center}.dashboard-upgrade-banner h3{margin-top:0}.dashboard-upgrade-banner .btn-primary{background-color:#fff;border:none;color:var(--color-primary-dark);display:block;margin-left:auto;margin-right:auto;margin-top:15px;outline:none;text-decoration:none}.dashboard-upgrade-banner .btn-primary:hover{background-color:#f0f0f0;outline:none;text-decoration:none}.dashboard-actions,.dashboard-limits,.dashboard-organization-panel,.dashboard-qr-codes,.dashboard-stats-preview,.dashboard-subscription-info{background-color:var(--color-background-light);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);margin-top:30px;padding:20px}.dashboard-content>:first-child{margin-top:0}.dashboard-limits h3,.dashboard-organization-panel h3,.dashboard-qr-codes h3,.dashboard-stats-preview h3,.dashboard-subscription-info h3{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-top:0;padding-bottom:10px}.limits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.limit-card{background-color:var(--color-background);border-radius:var(--card-border-radius);box-shadow:0 2px 4px #0000000d;padding:15px;text-align:center;transition:transform .3s ease}.limit-card:hover{transform:translateY(-5px)}.limit-card h4{color:var(--color-text);margin-top:0}.limit-card.disabled{background-color:#f0f0f0;opacity:.7}.upgrade-text{color:var(--color-error);font-style:italic}.chart-container{align-items:center;display:flex;height:180px;justify-content:center;margin:15px auto;max-width:100%;overflow:hidden;position:relative}.limit-text{color:var(--color-text);font-weight:700;margin-top:10px}.retention-info{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px;text-align:center}.retention-info h4{color:#2c3e50;margin-top:0}.dashboard-qr-codes{text-align:center}.subscription-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.subscription-details p{margin:5px 0}.dashboard-stats-preview{text-align:center}.dashboard-stats-preview p{margin-top:20px}.organization-stats{justify-content:space-around;margin:25px 0 20px}.org-stat-item{background-color:#f9f9f9;padding:10px;width:150px}.org-stat-item h4{color:#2c3e50;margin-top:0}.stat-value{color:var(--color-primary);font-size:24px;margin:10px 0 0}.action-buttons{display:flex;gap:15px;justify-content:center}.qr-codes-table{background-color:var(--color-background-light);border-collapse:collapse;border-radius:8px;box-shadow:var(--card-box-shadow);margin-bottom:1rem;margin-top:20px;overflow:hidden;width:100%}.qr-codes-table td,.qr-codes-table th{border-bottom:1px solid var(--color-border);padding:12px 15px;text-align:left}.qr-codes-table th{background-color:var(--color-background);color:var(--color-text);font-weight:600}.qr-codes-table tr:last-child td{border-bottom:none}.qr-codes-table tr:hover{background-color:rgba(var(--color-primary),.05)}.qr-code-row td{vertical-align:middle}.dashboard-loading{align-items:center;color:var(--color-text);display:flex;font-size:1.2rem;height:50vh;justify-content:center}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl)}.dashboard-title h2{color:var(--color-text);font-size:1.8rem;font-weight:600;margin:0}.dashboard-actions{display:flex;gap:var(--spacing-md)}.collections-grid{grid-gap:.85rem;box-sizing:border-box;gap:.85rem;grid-template-columns:repeat(6,1fr);margin-top:1rem;width:100%}.collection-card.add-collection{align-items:center;background-color:var(--color-background-light);border:2px dashed var(--color-border);cursor:pointer;display:flex;justify-content:center;min-height:140px;padding:.5rem;transition:background-color .2s,border-color .2s}.collection-card.add-collection:hover{background-color:#f0ad000d;border-color:var(--color-accent)}.add-collection-content p{font-size:.9rem;margin:0}.collections-empty,.collections-loading{background-color:#fff;border-radius:8px;box-shadow:var(--card-box-shadow);padding:2rem;text-align:center}.collections-empty{align-items:center;display:flex;flex-direction:column;justify-content:center}.collections-empty p{margin-bottom:1rem}.create-collection-button-dashboard{margin-top:1rem}.dashboard-organization-panel h3,.dashboard-subscription-info h3{color:var(--color-text);font-size:1.2rem;margin-bottom:1rem}.no-qr-codes{background-color:#fff;border-radius:8px;box-shadow:var(--card-box-shadow);padding:2rem;text-align:center}.no-qr-codes .btn-primary{display:inline-block;margin-top:1rem;text-decoration:none}.qr-table-col-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coming-soon-overlay{align-items:center;background-color:#efefefb3;border-radius:8px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.coming-soon-text{color:#00194a66;font-size:1.2rem;font-weight:500;letter-spacing:1px;text-align:center;text-transform:uppercase;transform:rotate(-10deg)}.coming-soon-icon{color:#00194a66;font-size:2rem;margin-bottom:.5rem}.dashboard-section-content{margin-bottom:var(--spacing-xl)}.see-all-link{margin-top:1rem;text-align:right}@media (max-width:1200px){.collections-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.collections-grid{grid-template-columns:repeat(3,1fr)}.limits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{padding:1.5rem 1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-actions{width:100%}.action-button{flex:1 1}.collections-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.subscription-details{grid-template-columns:1fr}.organization-stats{gap:.5rem}.limits-grid{grid-template-columns:1fr}.chart-container{height:150px;width:100%}.org-stat-item{padding:.75rem}.org-stat-item h4{font-size:.8rem;margin-bottom:.25rem}.stat-value{font-size:1.2rem}.members-preview-table{display:block;overflow-x:auto;width:100%}.members-preview-table td,.members-preview-table th{min-width:100px;white-space:nowrap}.organization-members-preview.mobile-card-view{display:block}.organization-members-preview.mobile-card-view table,.organization-members-preview.mobile-card-view tbody,.organization-members-preview.mobile-card-view thead{display:block;width:100%}.organization-members-preview.mobile-card-view th{display:none}.organization-members-preview.mobile-card-view tr{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;display:block;margin-bottom:1rem;padding:.75rem}.organization-members-preview.mobile-card-view td{border:none;display:block;padding:.5rem 0 .5rem 50%;position:relative;text-align:left}.organization-members-preview.mobile-card-view td:before{content:attr(data-label);font-weight:500;left:0;position:absolute;white-space:nowrap;width:45%}}@media (max-width:480px){.collections-grid{grid-template-columns:1fr}.members-preview-table td,.members-preview-table th{font-size:.85rem;padding:.35rem}}.dashboard-organization-section{margin-bottom:2rem}.organization-panel{display:flex;flex-direction:column;gap:1.5rem}.organization-stats{display:flex;gap:2rem;margin-bottom:.5rem}.org-stat-item{background-color:var(--color-light-grey-alt);border-radius:8px;flex:1 1;padding:1rem;text-align:center}.org-stat-item h4{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem}.stat-value{color:var(--color-text-primary);font-size:1.5rem;font-weight:600;margin:0}.organization-members-preview{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.organization-members-preview h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;gap:.5rem;margin-bottom:1rem}.organization-members-preview .icon{color:var(--color-blue)}.members-preview-table{border-collapse:collapse;font-size:.9rem;width:100%}.members-preview-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-weight:500;padding:.5rem;text-align:left}.members-preview-table td{border-bottom:1px solid var(--color-border-light);padding:.5rem}.member-role-badge{color:var(--color-text-secondary);font-size:.75rem;padding:.2rem .5rem}.member-role-badge.admin{background-color:#0055ff1a;color:var(--color-blue)}.member-role-badge.editor{background-color:#2effaf1a;color:var(--color-mint-green-dark)}.member-role-badge.member{background-color:#ff7e001a;color:var(--color-orange)}.no-members{color:var(--color-text-secondary);font-style:italic;padding:1rem 0;text-align:center}.organization-actions{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:768px){.organization-stats{gap:.5rem}.organization-actions{flex-direction:column}.org-stat-item{padding:.75rem}.org-stat-item h4{font-size:.8rem;margin-bottom:.25rem}.stat-value{font-size:1.2rem}}.collection-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;cursor:pointer;height:100%;max-width:100%;min-height:140px;padding:1rem;position:relative;width:100%}.collection-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.collection-card:focus{outline:2px solid var(--color-primary)}.collection-card-header{margin-bottom:.75rem;width:100%}.collection-icon{color:var(--color-primary);flex-shrink:0;font-size:1.6rem}.collection-menu{flex-shrink:0;position:relative}.menu-button{align-items:center;background:none;border-radius:50%;color:var(--color-text-light);display:flex;font-size:1.2rem;justify-content:center;padding:.3rem;transition:background-color .2s}.menu-button:hover{background-color:var(--color-lighter-grey);color:var(--color-text)}.menu-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;overflow:hidden;position:absolute;right:0;top:100%;width:160px;z-index:5}.menu-item{align-items:center;background:none;border:none;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.menu-item:hover{background-color:var(--color-lighter-grey)}.menu-item.delete{color:var(--color-error)}.menu-item.delete:hover{background-color:#f443361a}.collection-info{display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.collection-title{color:var(--color-text);font-size:1rem;font-weight:500;margin:0 0 .3rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{color:var(--color-text);font-size:.85rem;margin:0 0 .5rem}.collection-date{color:var(--color-accent);font-size:.75rem;margin:auto 0 0}.add-collection-content{align-items:center;color:var(--color-primary-darker);display:flex;flex-direction:column;justify-content:center;padding:1rem .5rem;text-align:center}.add-icon{color:var(--color-primary);font-size:2rem;margin-bottom:8px}@media (max-width:768px){.collection-card{min-height:130px;padding:.75rem}.collection-icon{font-size:1.4rem}.collection-title{font-size:.95rem}}@media (max-width:480px){.collection-card{min-height:120px}}.qr-codes-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:visible;position:relative;width:100%}.qr-codes-header{border-bottom:1px solid var(--color-border);margin-bottom:10px;padding:1rem;position:relative;z-index:50}.qr-search-filter{display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.qr-search-filter{align-items:center;flex-direction:row;justify-content:space-between}}.search-bar{flex:1 1;max-width:500px;position:relative}.search-bar input{border:1px solid var(--color-border);border-radius:4px;font-size:.95rem;padding:.7rem 1rem .7rem 2.5rem;width:100%}.search-icon{color:var(--color-text-light);font-size:1.2rem;left:.8rem}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.filter-controls,.filter-dropdown{position:relative;z-index:100}.filter-button{align-items:center;background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;position:relative;white-space:nowrap;z-index:101}.filter-button:hover{background-color:var(--color-background)}.filter-options{background-color:#fff;border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px #0003;display:none;left:0;margin-top:2px;max-height:250px;overflow:visible;overflow-y:auto;position:absolute;top:100%;width:180px;z-index:1000}.filter-options.dropdown-up{bottom:100%;margin-bottom:2px;margin-top:0;top:auto}.filter-dropdown.active .filter-options,.filter-dropdown:focus-within .filter-options,.filter-dropdown:hover .filter-options{display:block}.filter-options button{background:none;border:none;color:var(--color-text);cursor:pointer;display:block;font-size:.9rem;padding:.7rem 1rem;text-align:left;width:100%}.filter-options button:hover{background-color:var(--color-background)}.filter-options button.active{background-color:var(--color-primary);color:#fff}.view-toggle{border:1px solid var(--color-border);border-radius:4px;display:flex;overflow:hidden}.view-toggle button{align-items:center;background:none;border:none;color:var(--color-text-light);cursor:pointer;display:flex;justify-content:center;padding:.6rem}.view-toggle button.active{background-color:var(--color-primary);color:#fff}.qr-codes-list{margin-top:10px;padding:.5rem}.qr-codes-list.list-view{display:flex;flex-direction:column;gap:.75rem}.qr-codes-list.grid-view{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.qr-code-card{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:6px;display:flex;padding:1rem;transition:transform .2s,box-shadow .2s}.list-view .qr-code-card{flex-direction:row;gap:1.5rem}.grid-view .qr-code-card{flex-direction:column;height:100%;text-align:center}.qr-code-card:hover{box-shadow:0 3px 8px #00000014;transform:translateY(-2px)}.qr-code-image{align-items:center;display:flex;justify-content:center}.qr-image{border:1px solid var(--color-border);border-radius:4px;height:60px;object-fit:contain;width:60px}.grid-view .qr-image{height:120px;margin-bottom:1rem;width:120px}.qr-code-info{flex:1 1;min-width:0}.qr-code-name{color:var(--color-text);font-size:1rem;font-weight:500;margin-bottom:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-code-type{align-items:center;color:var(--color-text);display:flex;font-size:.9rem;gap:.5rem}.qr-code-type svg{font-size:1.1rem}.grid-view .qr-code-type{justify-content:center;margin-top:.5rem}.qr-code-date{color:var(--color-text);font-size:.85rem;width:100px}.grid-view .qr-code-date{margin:.75rem 0;width:auto}.qr-code-stats{display:flex;flex-direction:column;font-size:.85rem;gap:.3rem}.scan-count{align-items:center;display:flex;font-size:1rem;font-weight:600}.scan-count span{color:var(--color-text);font-size:.75rem;margin-left:.25rem}.unique-scans{align-items:center;color:var(--color-text);display:flex;font-size:.8rem}.unique-scans .stat-icon{color:#00194a;font-size:.9rem;margin-right:.35rem}.unique-scans span{margin-left:.25rem;opacity:.7}.scan-trend{align-items:center;border-radius:4px;display:flex;font-size:.8rem;padding:.15rem .25rem;width:fit-content}.scan-trend.positive{background-color:#4caf501a;color:#4caf50}.scan-trend.negative{background-color:#f443361a;color:#f44336}.scan-trend .trend-icon{font-size:1rem;margin-right:.25rem}.trend-icon.positive{color:#4caf50}.trend-icon.negative{color:#f44336}@media (max-width:767px){.scan-trend{font-size:.7rem}}.qr-code-status{text-align:center;width:80px}.status-indicator{border-radius:12px;display:inline-block;padding:.25rem .5rem}.status-indicator.active{background-color:#2effaf33;color:#00a87e}.status-indicator.inactive{background-color:#e3e1e080;color:#666}.grid-view .qr-code-status{margin:.75rem 0;width:auto}.qr-code-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem;width:120px}.action-btn.details{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:500;padding:.5rem 1rem;text-align:center;transition:background-color .2s;width:100%}.action-btn.details:hover{background-color:var(--color-primary-dark)}.action-btn.details:disabled{color:var(--color-text-light);cursor:not-allowed}.action-btn.details:disabled,.action-btn.details:disabled:hover{background-color:var(--color-background-light)}.action-buttons-secondary{display:flex;gap:.5rem}.action-btn-icon.copy:hover{border-color:var(--color-success);color:var(--color-success)}.grid-view .qr-code-actions{margin-top:auto;padding-top:.5rem;width:100%}.qr-code-table-empty{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.empty-icon{color:#ccc;font-size:4rem;margin-bottom:1rem}.qr-code-table-empty h3{color:#333;margin-bottom:.5rem}.qr-code-table-empty p{color:#666;margin-bottom:1.5rem}.qr-code-table-loading{color:#666;padding:2rem;text-align:center}@media (max-width:1023px){.list-view .qr-code-card{flex-wrap:wrap}.list-view .qr-code-info{width:calc(100% - 100px)}.list-view .qr-code-date,.list-view .qr-code-stats,.list-view .qr-code-status{margin-left:76px;margin-top:.5rem}.list-view .qr-code-actions{flex-direction:row;justify-content:flex-end;margin-top:1rem;width:100%}}@media (max-width:767px){.filter-controls{justify-content:space-between;width:100%}.list-view .qr-code-info{width:calc(100% - 70px)}.list-view .qr-code-date,.list-view .qr-code-stats,.list-view .qr-code-status{margin-left:66px}.qr-code-name{font-size:.95rem}.action-btn.details{font-size:.9rem;padding:.4rem .75rem}.qr-codes-list.grid-view{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.75rem}.grid-view .qr-code-card{padding:.75rem}.grid-view .qr-image{border:none;height:100px;width:100px}.grid-view .qr-code-name{font-size:.9rem}.grid-view .qr-code-type{font-size:.8rem}.grid-view .action-btn.details{font-size:.85rem;padding:.4rem .75rem}.view-toggle{display:none}}@media (max-width:350px){.qr-codes-list.grid-view{grid-template-columns:1fr}}.qr-code-card.not-accessible{opacity:.7;position:relative}.qr-code-card.not-accessible:after{background-color:var(--color-error);border-radius:4px;color:#fff;content:"Plan supérieur requis";font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}.content-type-selector{flex-direction:column;gap:1.5rem;width:100%}.content-type-buttons{-ms-overflow-style:none;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:nowrap;gap:.25rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none}.content-type-buttons::-webkit-scrollbar{display:none}.content-type-button{align-items:center;background-color:initial;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.9rem 1.2rem;transition:all .2s;white-space:nowrap}.content-type-button:hover{background-color:#f0f7ff;color:var(--color-primary)}.content-type-button.active{background-color:#e6f3fd;color:var(--color-primary);font-weight:600}.content-type-icon{font-size:1.3rem}.content-type-label{font-size:.95rem}.content-field-container{display:flex;flex-direction:column;gap:.75rem}.content-label{color:var(--color-primary-darker);font-size:.95rem;font-weight:600}.content-input{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.content-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.content-input.textarea{min-height:120px;resize:vertical}.content-input.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.sms-inputs,.vcard-inputs,.wifi-inputs{display:flex;flex-direction:column;gap:1rem;width:100%}.input-label{color:#555;font-size:.9rem;margin-bottom:.25rem}@media (max-width:767px){.content-input{padding:.7rem .9rem}.content-input,.content-label{font-size:.95rem}.sms-inputs,.vcard-inputs,.wifi-inputs{gap:.75rem}}@media (max-width:480px){.content-input{padding:.65rem .8rem}.content-input,.content-label{font-size:.9rem}.content-input.textarea{min-height:100px}.sms-inputs,.vcard-inputs,.wifi-inputs{gap:.5rem}}.multi-link-form{gap:12px}.multi-link-form,.multi-link-item{display:flex;flex-direction:column;width:100%}.multi-link-input-group{align-items:center;display:flex;margin-bottom:8px;position:relative;width:100%}.multi-link-icon{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px 0 0 4px;border-right:none;color:#555;display:flex;height:40px;justify-content:center;width:40px}.multi-link-input-group input{border-radius:0 4px 4px 0;flex:1 1;height:40px}.multi-link-remove-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:10px;transition:color .2s}.multi-link-remove-btn:hover{color:#f33}.input-error{background-color:#fff8f8;border-color:#f33!important}.link-error-message{align-items:center;color:#f33;display:flex;font-size:13px;gap:6px;margin-bottom:8px;margin-top:-4px;padding-left:40px}.link-error-message svg{font-size:12px}.custom-label-input-group{margin-bottom:8px}.custom-label-input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;font-size:14px;height:36px;padding:8px 12px;transition:border-color .2s,background-color .2s;width:100%}.custom-label-input:focus{background-color:#fff;border-color:#05f;outline:none}.custom-label-input::placeholder{color:#999;font-style:italic}.custom-url-add-container,.no-custom-url-container{margin-top:4px}.custom-url-add-btn{align-items:center;background-color:#f5f5f5;border:1px dashed #ccc;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s;width:100%}.custom-url-add-btn:hover{background-color:#e9e9e9;border-color:#aaa}.no-custom-url-container{margin-bottom:12px}.social-networks-collapse{border:1px solid #ddd;border-radius:4px;margin-top:16px;overflow:hidden}.collapse-button{align-items:center;background-color:#f5f5f5;border:none;color:#333;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}.collapse-button:hover{background-color:#e9e9e9}.collapse-button.active{background-color:#e0e0e0}.collapse-button svg{transition:transform .2s}.collapse-content{background-color:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapse-content.open{max-height:600px}.social-networks-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:16px}.social-network-option{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px;position:relative;transition:all .2s}.social-network-option:hover:not(.disabled){background-color:#f5f5f5;border-color:#ddd}.social-network-option.disabled{background-color:#f9f9f9;cursor:not-allowed;opacity:.6}.social-network-option svg{font-size:18px}.network-used-badge{background-color:#05f;border-radius:10px;color:#fff;font-size:10px;padding:2px 6px;position:absolute;right:-8px;top:-8px}.multi-link-icon svg[class*=FaFacebook],.social-network-option svg[class*=FaFacebook]{color:#1877f2}.multi-link-icon svg[class*=FaTwitter],.multi-link-icon svg[class*=FaXTwitter],.social-network-option svg[class*=FaTwitter],.social-network-option svg[class*=FaXTwitter]{color:#000}.multi-link-icon svg[class*=FaInstagram],.social-network-option svg[class*=FaInstagram]{color:#e4405f}.multi-link-icon svg[class*=FaLinkedin],.social-network-option svg[class*=FaLinkedin]{color:#0a66c2}.multi-link-icon svg[class*=FaYoutube],.social-network-option svg[class*=FaYoutube]{color:red}.multi-link-icon svg[class*=FaTiktok],.social-network-option svg[class*=FaTiktok]{color:#000}.multi-link-icon svg[class*=FaPinterest],.social-network-option svg[class*=FaPinterest]{color:#e60023}.multi-link-icon svg[class*=FaSnapchat],.social-network-option svg[class*=FaSnapchat]{color:#fffc00}.profile-image-upload-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:16px}.profile-image-label{color:#036;display:block;font-weight:600;margin-bottom:12px}.profile-image-placeholder,.profile-image-upload{align-items:center;display:flex;flex-direction:column}.profile-image-placeholder{background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:20px;transition:all .3s ease;width:100%}.profile-image-placeholder:hover{background-color:#f0f7ff;border-color:#05f}.profile-image-upload-btn{align-items:center;background-color:#05f;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.profile-image-upload-btn:hover{background-color:#036}.profile-image-hint{color:#666;font-size:12px;margin-top:8px}.profile-image-preview-container{border-radius:8px;box-shadow:0 2px 10px #0000001a;height:150px;margin:10px 0;overflow:hidden;position:relative;width:150px}.profile-image-preview{height:100%;object-fit:cover;width:100%}.remove-profile-image-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:background-color .2s;width:24px}.remove-profile-image-btn:hover{background-color:#ff0000b3}.uploading-status{color:#05f;font-size:14px;font-style:italic;margin-top:10px}.vcard-plus-form{margin-top:1.5rem;width:100%}.vcard-plus-section{border-bottom:1px solid #0000000d;margin-bottom:2rem;padding-bottom:1.5rem}.vcard-plus-section:last-child{border-bottom:none;padding-bottom:0}.vcard-plus-section-title{color:#036;font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.vcard-plus-row{display:flex;gap:15px;margin-bottom:15px}.vcard-plus-field{flex:1 1;margin-bottom:15px}.vcard-plus-field label{color:#00194a;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.vcard-plus-input-group{align-items:center;background-color:#fff;border:1px solid #e6e6e6;border-radius:6px;display:flex;padding:0 .5rem;transition:all .2s}.vcard-plus-input-group:focus-within{border-color:#05f;box-shadow:0 0 0 3px #0055ff26}.vcard-plus-icon{align-items:center;color:#05f;display:flex;justify-content:center;margin-right:.5rem}.vcard-plus-input-group input,.vcard-plus-textarea{background:#0000;border:none;flex:1 1;font-size:.95rem;outline:none;padding:.75rem .5rem;width:100%}.vcard-plus-input-group .form-control{background-color:initial;border:none;box-shadow:none;height:auto;padding:.75rem .5rem}.vcard-plus-textarea{border:1px solid #e6e6e6;border-radius:6px;min-height:100px;padding:.75rem;resize:vertical;width:100%}.vcard-plus-textarea:focus{border-color:#05f;box-shadow:0 0 0 3px #0055ff26}@media (max-width:767px){.vcard-plus-row{flex-direction:column;gap:10px}.vcard-plus-field{width:100%}}.qr-preview{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 2px 10px #00000008;display:flex;flex-direction:column;padding:0;width:100%}.preview-title{border-bottom:1px solid #f0f0f0;color:var(--color-primary-darker);font-size:1.2rem;font-weight:600;margin:0;padding:1.5rem;text-align:center;width:100%}.preview-container{min-height:300px;padding:2rem;position:relative;width:100%}.qr-code-container{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 5px 20px #00000014;display:flex;justify-content:center;padding:1rem;position:relative;transition:transform .3s ease}.qr-code-container:hover{transform:translateY(-5px)}.qr-code-container canvas{border-radius:8px}.qr-preview-placeholder{align-items:center;background-color:#f8f9fa;border:2px dashed #e0e0e0;border-radius:16px;color:#aaa;display:flex;flex-direction:column;height:250px;justify-content:center;max-width:300px;padding:2rem;text-align:center;width:80%}.qr-preview-placeholder span{font-size:.95rem;margin-top:1rem}.loading-container{height:300px}.error-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.preview-content{background-color:#f9f9fb;border-top:1px solid #f0f0f0;padding:1.5rem;width:100%}.preview-content-title{color:var(--color-primary-darker);font-size:.9rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.preview-content-text{background-color:#fff;border:1px solid #eee;border-radius:8px;color:#666;font-size:.9rem;margin:0;padding:.75rem 1rem;word-break:break-word}.preview-actions{border-top:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:center;padding:1.5rem;width:100%}.preview-download,.preview-save{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.9rem 2rem;transition:all .2s}.preview-save{background-color:#4caf50;background-color:var(--color-secondary,#4caf50)}.preview-download:hover:not(:disabled),.preview-save:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 5px 15px #0097e04d;transform:translateY(-2px)}.preview-save:hover:not(:disabled){background-color:#388e3c;background-color:var(--color-secondary-dark,#388e3c);box-shadow:0 5px 15px #4caf504d}.preview-download:disabled,.preview-save:disabled{background-color:#ccc;cursor:not-allowed}.preview-download i,.preview-download svg{font-size:1.1rem}.step-number{background-color:var(--color-primary);height:32px;margin-right:1rem;width:32px}.step-title{color:var(--color-primary-darker);font-size:1.25rem}@media (max-width:992px){.preview-container{padding:1.5rem}.qr-code-container{padding:.75rem}}@media (max-width:768px){.qr-preview{margin-top:1rem}.preview-title{font-size:1.1rem;padding:1.25rem}.preview-container{min-height:250px;padding:1.5rem}.qr-preview-placeholder{height:200px}}@media (max-width:480px){.preview-title{font-size:1rem;padding:1rem}.preview-actions,.preview-container,.preview-content{padding:1rem}.preview-actions{flex-direction:column;gap:.8rem}.preview-download,.preview-save{font-size:.95rem;padding:.8rem 1rem;width:100%}}.format-selector{margin:1rem 0}.format-options{display:flex;gap:1.5rem;justify-content:center}.format-option{align-items:center;cursor:pointer;display:flex}.format-option input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.format-label{background-color:#efefef;border:2px solid #0000;border-radius:4px;color:#00194a;font-size:.9rem;font-weight:500;padding:.5rem 1rem;position:relative;transition:all .2s ease}.format-option input[type=radio]:checked+.format-label{background-color:#e3e1e0;border-color:#05f;color:#036}.format-option:hover .format-label{background-color:#e3e1e0}.format-option input[type=radio]:focus+.format-label{box-shadow:0 0 0 3px #05f3}.preview-mode-badge{background-color:#05f;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;font-size:12px;left:50%;padding:4px 8px;position:absolute;top:-10px;transform:translateX(-50%);z-index:10}.preview-tabs{background-color:#f3f3f3;border-radius:30px;box-shadow:0 2px 4px #0000000d;justify-content:center;margin:15px auto}.preview-tab{border-radius:30px;flex:1 1;text-align:center;transition:all .3s ease}.preview-tab.active{background-color:#0097e0;box-shadow:0 2px 8px #0097e04d;color:#fff}.preview-tab:hover:not(.active){background-color:#e0e0e0}.template-preview{border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 4px 12px #0000001a;height:450px;max-width:250px;overflow:hidden}.template-preview iframe{border:none;height:100%;overflow:hidden;transform:scale(.8);transform-origin:top center;width:100%}.template-preview-phone-content{background-color:#f9f9f9}.qr-warning-message{background:#f7f9fa;border:none;border-radius:6px;box-shadow:0 1px 4px #0097e00a;color:#4a4a4a;font-size:.8rem;margin:.7rem 0 .5rem;padding:.7rem 1rem;text-align:center}.qr-warning-message strong{color:#00194a;color:var(--color-primary-darker,#00194a);display:inline;font-size:1em;margin-right:.3em}.qr-warning-message p{color:#4a4a4a;display:inline;font-size:.98em;margin:.12rem 0}.modal-overlay{background:#00194a2e;height:100vh;overflow-y:auto;padding:1.5rem;transition:background .2s;width:100vw}.modal-content{animation:modalFadeIn .33s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:18px;box-shadow:0 12px 40px #0097e021,0 2px 8px #00000012;display:flex;flex-direction:column;max-width:98vw;min-width:0;padding:0;width:100%}.modal-header{border-bottom:1px solid #f0f0f0;padding:1.2rem 1.5rem}.modal-title{color:#00194a;color:var(--color-primary-darker,#00194a);font-size:1.25rem;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;line-height:1;padding:0 .5rem;transition:color .2s}.modal-close:hover{color:#0097e0;color:var(--color-primary,#0097e0)}.modal-body{overflow-x:auto;padding:1.5rem}.modal-actions{border-top:1px solid #f0f0f0;padding:1rem 1.5rem 1.5rem}.modal-sm{max-width:380px}.modal-md{max-width:520px}.modal-lg{max-width:800px}@media (max-width:600px){.modal-content{border-radius:10px;max-width:99vw}.modal-actions,.modal-body,.modal-header{padding-left:.7rem;padding-right:.7rem}.modal-actions,.modal-header{padding-bottom:1rem;padding-top:1rem}}.template-preview{margin:0 auto;max-width:100%}.template-preview-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.template-preview-phone{background-color:#fff;border:8px solid #333;border-radius:20px;box-shadow:0 10px 25px #00000026;height:450px;overflow:hidden;padding:10px;position:relative;width:250px}.template-preview-notch{background-color:#333;border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:20px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80px;z-index:2}.template-preview-phone-content{background-color:initial;border-radius:12px;height:100%;overflow:auto;position:relative;scrollbar-width:none;width:100%}.template-preview-phone-content::-webkit-scrollbar{display:none}.template-multilink-header-bg,.template-vcard-header-bg{background:linear-gradient(180deg,#0055ffe6,#00194af2);height:70px;left:0;position:absolute;right:0;top:0;z-index:0}.template-divider{background-color:#fff;height:4px;left:0;position:absolute;right:0;z-index:1}.template-multilink-divider,.template-vcard-divider{top:70px}.template-content-bg{background:linear-gradient(180deg,#c9c7c7e6,#e3e1e0e6);bottom:0;height:calc(100% - 70px);left:0;position:absolute;right:0;z-index:0}.template-multilink-content-bg,.template-vcard-content-bg{top:70px}.template-content-wrapper{align-items:center;display:flex;flex-direction:column;font-family:Poppins,sans-serif;margin:0 auto;max-width:500px;min-height:100%;padding:30px 15px 0;position:relative;width:100%;z-index:1}.template-profile-image{background-color:#e0e0e0;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0003;height:80px;margin-bottom:15px;overflow:hidden;width:80px;z-index:2}.template-profile-image img{height:100%;object-fit:cover;width:100%}.template-profile-icon{align-items:center;color:#555;display:flex;font-size:30px;height:100%;justify-content:center;width:100%}.template-profile-header{margin-bottom:15px;text-align:center;z-index:2}.template-profile-name{color:#00194a;font-size:18px;font-weight:600;margin-bottom:4px}.template-profile-title{color:#0097e0;font-size:14px;font-weight:500;margin-bottom:3px}.template-profile-organization{color:#036;font-size:13px;margin-bottom:8px}.template-profile-bio{background-color:#ffffff80;border:1px solid #0000001a;border-radius:8px;color:#00194a;font-size:14px;line-height:1.4;margin:10px auto;max-height:150px;max-width:220px;overflow-y:auto;padding:10px;text-align:center;word-break:break-word}.template-profile-bio::-webkit-scrollbar{width:4px}.template-profile-bio::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.template-profile-bio::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.template-profile-bio::-webkit-scrollbar-thumb:hover{background:#0000004d}.template-action-buttons{display:flex;flex-direction:row;gap:10px;justify-content:center;margin-bottom:20px;margin-top:10px;z-index:2}.template-add-btn,.template-download-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 10px #0097e026;display:flex;font-size:11px;font-weight:600;justify-content:center;padding:8px 10px}.template-download-btn{background-color:#fff;color:#0097e0}.template-add-btn{background-color:#0097e0;color:#fff}.template-button-icon{margin-right:5px}.template-content-sections{display:flex;flex-direction:column;gap:15px;margin:0 auto 15px;max-width:400px;width:100%;z-index:2}.template-content-section{background-color:#efefefd9;border-radius:12px;box-shadow:0 4px 10px #0000000d;padding:12px 15px}.template-section-title{align-items:center;border-bottom:2px solid #00f7ff;color:#0097e0;display:flex;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.template-section-title-icon{margin-right:8px}.template-section-items{display:flex;flex-direction:column;gap:10px}.template-section-item{align-items:flex-start;display:flex;margin-bottom:5px}.template-section-icon{display:none}.template-section-item-content{max-width:100%;overflow:hidden;width:100%}.template-item-label{color:#036;font-size:11px;margin-bottom:2px}.template-item-label,.template-item-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-item-value{color:#00194a;font-size:12px;font-weight:500;line-height:1.4;max-width:100%}.template-section-item-content:has(.template-item-value:not(.template-fit-width)) .template-item-value{font-size:clamp(8px,3.5vw,12px)}.template-custom-link{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#00194a;display:-webkit-box;font-size:14px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.template-note-text{color:#00194a;font-size:12px;line-height:1.4;margin:0;max-height:none;overflow:visible;white-space:pre-wrap;word-break:break-word}.template-social-networks{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px;margin-top:10px;z-index:2}.template-social-title{color:#0097e0;font-size:8px;font-weight:600;margin-bottom:8px;text-align:center;width:100%}.template-social-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 3px 8px #0000001f;color:#0097e0;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.template-multilink-social-icon{color:#05f;margin-bottom:10px}.template-footer{color:var(--darker-blue);font-size:12px;margin-top:auto;opacity:.7;padding:15px 0;text-align:center;width:100%;z-index:2}.template-footer-brand{color:var(--darker-blue);font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;margin-top:20px;opacity:.8;text-transform:uppercase;z-index:2}.template-brand-superscript{font-size:7px;vertical-align:super}.template-multilink-buttons{display:flex;flex:1 1;flex-direction:column;gap:12px;margin:0 auto;max-width:280px;width:100%;z-index:2}.template-multilink-button{align-items:center;background-color:#fff;border:none;border-radius:30px;box-shadow:0 4px 10px #0000001a;color:#00194a;display:flex;font-size:14px;font-weight:500;justify-content:center;max-width:100%;overflow:hidden;padding:12px 15px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.template-multilink-social-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:20px;max-width:240px;z-index:2}@media (max-width:350px){.template-preview-phone{height:420px;width:220px}.template-profile-image{height:70px;width:70px}.template-profile-name{font-size:16px}.template-content-sections{gap:10px}.template-section-title{font-size:13px}.template-section-icon{height:32px;width:32px}.template-section-item-content:has(.template-item-value) .template-item-value{font-size:clamp(7px,3vw,11px)}.template-custom-link,.template-note-text{font-size:11px}.template-multilink-button{font-size:12px;padding:10px 12px}.template-section-items{gap:8px}}@media (max-width:280px){.template-preview-phone{height:400px;width:200px}.template-profile-image{height:60px;width:60px}.template-profile-name{font-size:15px}.template-content-section{padding:10px}.template-social-icon{font-size:14px;height:28px;width:28px}}.payment-form-container{animation:modalFadeIn .35s cubic-bezier(.4,0,.2,1);border-radius:16px;box-shadow:0 8px 32px #0097e01a,0 1.5px 6px #0000000a;margin:0 auto;max-width:420px}@media (max-width:600px){.payment-form-container{border-radius:10px;max-width:98vw;padding:1.2rem .5rem}.payment-actions{flex-direction:column;gap:.8rem}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.payment-form-container h2{color:#00194a;color:var(--color-primary-darker,#00194a);font-size:1.35rem;letter-spacing:.01em;margin-bottom:1.2rem}.payment-error{font-size:.98rem}.payment-error,.payment-success{border-radius:6px;margin-bottom:1.2rem}.payment-success{background-color:#e6f9ed;border-left:4px solid #28a745;color:#28a745;font-size:1.05rem;padding:1rem;text-align:center}.card-element-container{background-color:#f8fafd;border:1.5px solid #ced4da;border-radius:6px;transition:border-color .15s}.card-element-container:focus-within{border-color:var(--color-primary,#3498db);box-shadow:0 0 0 2px #3498db21}.payment-actions{gap:1rem}.payment-actions button{border-radius:8px;box-shadow:0 1px 4px #0000000a;font-size:1rem;transition:all .2s}.payment-actions .btn-primary{background-color:var(--color-primary,#3498db)}.payment-actions .btn-primary:hover{background-color:var(--color-primary-dark,#2980b9)}.payment-security-info{font-size:.95rem}.qr-floating-preview{background-color:#fffffff2;border-bottom:1px solid #eee;box-shadow:0 2px 10px #00000026;left:0;opacity:0;padding:10px 10px 15px;pointer-events:none;position:fixed;right:0;top:61px;transform:translateY(-100%);transition:transform .3s ease;z-index:98}.qr-floating-container,.qr-floating-preview{align-items:center;display:flex;justify-content:center}.qr-floating-container{pointer-events:auto}.qr-floating-container canvas{height:auto;max-height:100px;max-width:100px;width:auto}@media (min-width:992px){.qr-floating-preview{display:none}}@keyframes slide-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.qr-floating-preview.visible{animation:slide-in .3s forwards;opacity:1;transform:translateY(0)}.qr-floating-preview:not(.visible){animation:slide-out .3s forwards}.qr-style-options{background-color:#fff;border-radius:16px;box-shadow:0 2px 10px #00000008;overflow:hidden;padding:0;width:100%}.style-options-title{border-bottom:1px solid #f0f0f0;color:var(--color-primary-darker);font-size:1.2rem;font-weight:600;margin:0;padding:1.5rem;text-align:center}.style-options-content{padding:1.5rem}.style-section{margin-bottom:1.8rem}.style-section:last-child{margin-bottom:0}.style-section-label{align-items:center;color:var(--color-primary-darker);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.style-section-label .icon{color:var(--color-primary);font-size:1.1rem}.color-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.color-option{border:2px solid #0000;border-radius:12px;box-shadow:0 2px 5px #0000001a;cursor:pointer;height:2.5rem;position:relative;transition:transform .2s,box-shadow .2s;width:2.5rem}.color-option:hover{box-shadow:0 5px 10px #00000026;transform:translateY(-3px)}.color-option.active{border-color:var(--color-primary);transform:scale(1.05)}.check-mark{color:#fff;font-weight:700;left:50%;position:absolute;text-shadow:0 0 2px #00000080;top:50%;transform:translate(-50%,-50%)}.color-picker-wrapper{align-items:center;border:2px dashed #ddd;border-radius:12px;display:flex;height:2.5rem;justify-content:center;overflow:hidden;position:relative;width:2.5rem}.color-picker{background:none;border:none;cursor:pointer;height:2.9rem;left:-.2rem;margin:0;padding:0;position:absolute;top:-.2rem;width:2.9rem}.option-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.option-button{background-color:#f9f9fb;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;flex:1 1;font-size:.9rem;min-width:80px;padding:.75rem 1rem;text-align:center;transition:all .2s}.option-button:hover{background-color:#f0f7ff;border-color:#ddd}.option-button.active{background-color:#e6f3fd;border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.ecc-options{display:flex;gap:.75rem;justify-content:space-between}.ecc-option{background-color:#f9f9fb;border:2px solid #f0f0f0;border-radius:12px;cursor:pointer;flex:1 1;font-size:.9rem;padding:.75rem .5rem;text-align:center;transition:all .2s}.ecc-option:hover{background-color:#f0f7ff;border-color:#ddd}.ecc-option.active{background-color:#e6f3fd;border-color:var(--color-primary);color:var(--color-primary);font-weight:500}.custom-colors{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:1rem}.custom-color-option{display:flex;flex-direction:column;gap:.75rem}.custom-color-option label{color:#555;font-size:.9rem;font-weight:500}.color-with-picker{align-items:center;background-color:#f9f9fb;border:2px solid #f0f0f0;border-radius:12px;display:flex;gap:.75rem;padding:.75rem}.color-preview{border:1px solid #eee;border-radius:8px;height:2rem;width:2rem}.color-picker-small{background:none;border:none;cursor:pointer;height:2rem;padding:0;width:2rem}.upgrade-message{background-color:#f9f9fb;border-top:1px solid #f0f0f0;margin-top:0;padding:1.5rem;text-align:center}.upgrade-message p{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin:0}.upgrade-message p i,.upgrade-message p svg{color:var(--color-accent)}@media (max-width:992px){.custom-colors{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.style-options-content,.style-options-title{padding:1.25rem}.color-options,.ecc-options,.option-buttons{justify-content:center}.ecc-option,.option-button{min-width:70px;padding:.6rem .75rem}}@media (max-width:480px){.style-options-content,.style-options-title,.upgrade-message{padding:1rem}.style-section-label{font-size:.95rem}.color-option,.color-picker-wrapper{height:2.2rem;width:2.2rem}.ecc-options,.option-buttons{gap:.5rem}.ecc-option,.option-button{font-size:.8rem;min-width:60px;padding:.5rem}}.dots-style-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.dots-style-option{align-items:center;aspect-ratio:1/1;background-color:#f9f9fb;border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.dots-style-option:hover{background-color:#f0f7ff;border-color:#ddd;transform:translateY(-2px)}.dots-style-option.active{background-color:#e6f3fd;border-color:var(--color-primary);transform:scale(1.05)}.style-preview{align-items:center;background-color:#fff;display:flex;height:26px;justify-content:center;overflow:hidden;position:relative;width:26px}.dots-square{background-color:initial;position:relative}.dots-square:before{background-image:linear-gradient(90deg,#000 3px,#0000 0,#0000 7px,#000 0,#000 11px,#0000 0,#0000 15px,#000 0,#000 18px),linear-gradient(180deg,#000 3px,#0000 0,#0000 7px,#000 0,#000 11px,#0000 0,#0000 15px,#000 0,#000 18px);background-position:50%;background-size:18px 18px;content:"";height:18px;position:absolute;width:18px}.dots-rounded{background-color:initial;position:relative}.dots-rounded:before{background-color:initial;content:"";height:18px;position:absolute;width:18px}.dots-rounded:after{background-color:#000;border-radius:1px;box-shadow:6px 0 0 0 #000,12px 0 0 0 #000,0 6px 0 0 #000,6px 6px 0 0 #000,12px 6px 0 0 #000,0 12px 0 0 #000,6px 12px 0 0 #000,12px 12px 0 0 #000;content:"";height:4px;left:4px;position:absolute;top:4px;width:4px}.dots-dots{background-color:initial;position:relative}.dots-dots:after{background-color:#000;border-radius:50%;box-shadow:6px 0 0 0 #000,12px 0 0 0 #000,0 6px 0 0 #000,6px 6px 0 0 #000,12px 6px 0 0 #000,0 12px 0 0 #000,6px 12px 0 0 #000,12px 12px 0 0 #000;content:"";height:4px;left:4px;position:absolute;top:4px;width:4px}.dots-classy{background-color:initial;position:relative}.dots-classy:after{background-color:#000;border-radius:0 1px 0 1px;box-shadow:6px 0 0 0 #000,12px 0 0 0 #000,0 6px 0 0 #000,6px 6px 0 0 #000,12px 6px 0 0 #000,0 12px 0 0 #000,6px 12px 0 0 #000,12px 12px 0 0 #000;content:"";height:4px;left:4px;position:absolute;top:4px;width:4px}.dots-extra-rounded{background-color:initial;position:relative}.dots-extra-rounded:after{background-color:#000;border-radius:1px;box-shadow:6px 0 0 0 #000,12px 0 0 0 #000,0 6px 0 0 #000,6px 6px 0 0 #000,12px 6px 0 0 #000,0 12px 0 0 #000,6px 12px 0 0 #000,12px 12px 0 0 #000;content:"";height:4px;left:4px;position:absolute;top:4px;width:4px}.corner-square{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.corner-square:before{background-color:#000;content:"";height:22px;position:absolute;width:22px}.corner-square:after{background-color:#fff;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.corner-rounded{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.corner-rounded:before{background-color:#000;border-radius:3px;content:"";height:22px;position:absolute;width:22px}.corner-rounded:after{background-color:#fff;border-radius:2px;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.corner-dot{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.corner-dot:before{background-color:#000;height:22px;width:22px}.corner-dot:after,.corner-dot:before{border-radius:50%;content:"";position:absolute}.corner-dot:after{background-color:#fff;height:15px;left:50%;top:50%;transform:translate(-50%,-50%);width:15px}.corner-extra-rounded{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.corner-extra-rounded:before{background-color:#000;border-radius:7px;content:"";height:22px;position:absolute;width:22px}.corner-extra-rounded:after{background-color:#fff;border-radius:3px;content:"";height:15px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:15px}.center-square{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.center-square:before{height:22px;width:22px}.center-square:after,.center-square:before{background-color:#000;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-square:after{height:15px;width:15px}.center-rounded{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.center-rounded:before{border-radius:3px;height:22px;width:22px}.center-rounded:after,.center-rounded:before{background-color:#000;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-rounded:after{border-radius:1px;height:15px;width:15px}.center-dot{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.center-dot:before{height:22px;width:22px}.center-dot:after,.center-dot:before{background-color:#000;border-radius:50%;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-dot:after{height:15px;width:15px}.center-extra-rounded{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.center-extra-rounded:before{border-radius:5px;height:22px;width:22px}.center-extra-rounded:after,.center-extra-rounded:before{background-color:#000;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.center-extra-rounded:after{border-radius:2px;height:15px;width:15px}.color-pickers-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.color-pickers-column{display:flex;flex-direction:column;gap:1rem}.color-picker-group{display:flex;flex-direction:column;gap:.5rem}.color-picker-group label{color:#555;font-size:.9rem;font-weight:500}.color-picker-full{border:none;border-radius:8px;height:40px;padding:2px;width:100%}.color-picker-full,.invert-colors-btn{background-color:#f9f9fb;cursor:pointer}.invert-colors-btn{align-items:center;border:2px solid #f0f0f0;border-radius:8px;display:flex;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .2s}.invert-colors-btn:hover{background-color:#f0f7ff;border-color:#ddd}.icon-rotate{font-size:1.1rem}@media (max-width:768px){.color-pickers-grid{grid-template-columns:1fr}}.style-scroller{-ms-overflow-style:none;display:flex;gap:5px;margin-bottom:1rem;overflow-x:auto;padding:.5rem 0 .5rem .5rem;scrollbar-color:#ddd #0000;scrollbar-width:thin}.style-scroller::-webkit-scrollbar{height:4px}.style-scroller::-webkit-scrollbar-track{background:#0000}.style-scroller::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:10px}.style-option{align-items:center;background-color:#f9f9fb;border:1px solid #f0f0f0;border-radius:4px;cursor:pointer;display:flex;flex:0 0 35px;height:35px;justify-content:center;padding:3px;transition:all .2s}.style-option:hover{background-color:#f0f7ff;border-color:#ddd;transform:translateY(-1px)}.style-option.active{background-color:#e6f3fd;border-color:var(--color-primary);transform:scale(1.05)}.color-pickers-row{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:1fr 1fr auto;margin-top:10px;padding:8px 0}.color-picker-compact{flex-direction:row}.color-picker-compact label{color:#666;font-size:.8rem;font-weight:500;min-width:45px}.color-picker-square{-webkit-appearance:none;appearance:none;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000000d;cursor:pointer;height:28px;overflow:hidden;padding:0;transition:all .2s;width:28px}.color-picker-square::-webkit-color-swatch-wrapper{border:none;padding:0}.color-picker-square::-webkit-color-swatch{border:none;border-radius:0}.color-picker-square::-moz-color-swatch{border:none;border-radius:0}.color-picker-square:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.invert-colors-btn-compact{align-items:center;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.invert-colors-btn-compact:hover{background-color:#e5e5e5;transform:translateY(-1px)}@media (max-width:768px){.color-pickers-row{gap:8px;grid-template-columns:1fr 1fr auto}}@media (max-width:480px){.color-pickers-row{gap:5px;grid-template-columns:1fr 1fr auto}.color-picker-square,.invert-colors-btn-compact{height:25px;width:25px}.color-picker-compact label{font-size:.7rem}}.color-picker-button{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000000d;cursor:pointer;height:28px;padding:0;transition:all .2s;width:28px}.color-picker-button:hover{border-color:#ccc;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.color-picker-popover{background-color:#fff;border-radius:8px;box-shadow:0 6px 12px #00000026;display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;z-index:100}.color-picker-popover.bottom{bottom:calc(100% + 8px)}.color-picker-popover.left{left:0}.color-picker-popover.right{right:0}.color-picker-compact{align-items:center;display:flex;gap:10px;position:relative}.react-colorful{height:200px!important;width:200px!important}.hex-value-display{background-color:#f5f5f5;border-radius:4px;color:#333;font-family:monospace;font-size:.9rem;padding:8px;text-align:center}@media (max-width:768px){.react-colorful{height:180px!important;width:180px!important}.color-pickers-row{position:relative}.color-picker-popover{bottom:auto!important;left:50%!important;position:fixed;right:auto!important;top:50%!important;transform:translate(-50%,-50%)}}@media (max-width:480px){.react-colorful{height:150px!important;width:150px!important}}.add-link-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;box-shadow:0 4px 8px #0097e033;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 0;padding:.75rem 1.25rem;transition:all .3s ease;width:auto}.add-link-btn:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 12px #0097e040;transform:translateY(-2px)}.add-link-btn:active{box-shadow:0 2px 4px #0097e033;transform:translateY(0)}.add-link-btn i,.add-link-btn svg{font-size:1rem}@media (max-width:480px){.add-link-btn{font-size:.85rem;padding:.6rem 1rem;width:100%}}.info-tooltip{align-items:center;color:#666;display:inline-flex;margin-left:5px;position:relative}.info-tooltip:hover{color:var(--color-primary)}.info-tooltip .tooltiptext{background-color:#333;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-size:.75rem;font-weight:400;line-height:1.4;opacity:0;padding:8px;pointer-events:none;position:fixed;text-align:center;transform:translate(-50%,-120%);transition:opacity .3s;visibility:hidden;width:180px;z-index:9999}.info-tooltip .tooltiptext:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.info-tooltip:hover .tooltiptext{opacity:1;visibility:visible}@media (max-width:768px){.info-tooltip .tooltiptext{font-size:.7rem;width:150px}}.logo-options{background-color:#f5f5f5;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:15px;padding:15px}.logo-options input[type=range]{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;margin:10px 0;outline:none;width:100%}.logo-options input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4a90e2;border-radius:50%;cursor:pointer;height:18px;-webkit-transition:background .2s;transition:background .2s;width:18px}.logo-options input[type=range]::-webkit-slider-thumb:hover{background:#357abd}.logo-options input[type=checkbox]{margin-right:8px}.logo-preview{border:1px solid #ddd;border-radius:4px;height:100px;margin-top:10px;object-fit:contain;width:100px}.remove-logo-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:5px 10px;transition:background-color .2s}.remove-logo-button:hover{background-color:#f11}.generator-page{background-color:initial;min-height:calc(100vh - 80px);padding:0;width:100%}.generator-header{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding:1.5rem 0;text-align:center}.generator-header h1{color:var(--color-primary-darker);font-size:2rem;font-weight:700;margin-bottom:.5rem}.generator-header p{color:#666;font-size:1rem}.qr-type-tabs-container{background-color:#fff;border-bottom:1px solid #eee;border-radius:.5rem;margin-bottom:1rem;padding:.5rem 30px}.qr-type-tabs{white-space:nowrap}.tab-scroll-button:hover{transform:translateY(-50%) scale(1.05)}.qr-type-tab{background-color:#f5f7fa;border:1px solid #eee;border-radius:.5rem;margin-right:.5rem;padding:.75rem 1.25rem}.qr-type-tab:hover{background-color:#edf2f7}.qr-type-tab.active{background-color:#e6f2ff;border-color:var(--color-primary)}.qr-type-tab i,.qr-type-tab svg{font-size:1.1rem;margin-right:.5rem}.generator-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;overflow-y:visible;width:100%}@media (min-width:992px){.generator-container{grid-template-areas:"content preview" "style preview";grid-template-columns:1fr 1fr;overflow-y:visible}.generator-form-container{grid-area:content}.preview-section{grid-area:style}.preview-panel{grid-area:preview;position:sticky;top:20px}}.generator-form-container{max-width:100%}.generator-form,.preview-panel,.style-panel{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.preview-panel,.preview-section{display:flex;flex-direction:column}.preview-panel{box-sizing:border-box;max-height:fit-content}.preview-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.step-indicator{margin-bottom:1.5rem}.step-indicator,.step-number{align-items:center;display:flex}.step-number{background-color:#4f46e5;border-radius:50%;color:#fff;font-weight:600;height:2rem;justify-content:center;margin-right:.8rem;width:2rem}.step-title{color:#1f2937;font-size:1.2rem;font-weight:600}.form-group label{color:#4b5563}.form-control{border:1px solid #e5e7eb;transition:all .2s ease}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.btn-create{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-create:hover{background-color:#4338ca;box-shadow:0 2px 5px #0000001a;transform:translateY(-1px)}.btn-create:active{transform:translateY(0)}.btn-create:disabled{background-color:#a5a5a5;box-shadow:none;cursor:not-allowed;transform:none}.login-cta{background-color:#f3f4f6;border-left:4px solid #4f46e5;border-radius:8px;margin-top:1.5rem;padding:1.25rem}.login-cta p{margin-bottom:.5rem}.login-cta ul{margin-top:.8rem;padding-left:1.5rem;text-align:left}.login-cta ul li{margin-bottom:.3rem}.premium-feature-banner{background-color:#fffbeb;border-left:4px solid #d97706;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.premium-feature-banner-content{align-items:center;display:flex;gap:1rem}.premium-feature-banner i{color:#d97706;font-size:1.5rem}.premium-feature-banner h3{color:#92400e;font-size:1.1rem;margin:0 0 .3rem}.premium-feature-banner p{color:#78350f;font-size:.9rem;margin:0 0 .8rem}.btn-upgrade{background-color:#d97706;border-radius:6px;color:#fff;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-upgrade:hover{background-color:#b45309;transform:translateY(-1px)}.form-checkbox{align-items:center;display:flex;margin-bottom:1.5rem}.dynamic-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.dynamic-label{align-items:center;cursor:pointer;display:flex;min-height:2rem;padding-left:2.5rem;position:relative;-webkit-user-select:none;user-select:none}.dynamic-label:before{background-color:#efefef;border:2px solid #e3e1e0;border-radius:4px;height:1.5rem;left:0;top:0;width:1.5rem}.dynamic-label:after,.dynamic-label:before{content:"";position:absolute;transition:all .2s ease}.dynamic-label:after{border:solid #fff;border-width:0 2px 2px 0;height:.9rem;left:.5rem;opacity:0;top:.25rem;transform:rotate(45deg);width:.5rem}.dynamic-checkbox:checked+.dynamic-label:before{background-color:#05f;border-color:#05f}.dynamic-checkbox:checked+.dynamic-label:after{opacity:1}.dynamic-checkbox:focus+.dynamic-label:before{box-shadow:0 0 0 3px #05f3}.organization-checkbox{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.organization-label{align-items:center;cursor:pointer;display:flex;min-height:2rem;padding-left:2.5rem;position:relative;-webkit-user-select:none;user-select:none}.organization-label:before{background-color:#fff;border:2px solid #ccc;border-radius:4px;content:"";height:1.5rem;left:0;position:absolute;top:0;transition:all .2s ease;width:1.5rem}.organization-label:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:.9rem;left:.5rem;opacity:0;position:absolute;top:.25rem;transform:rotate(45deg);transition:opacity .2s ease;width:.5rem}.organization-checkbox:focus+.organization-label:before{box-shadow:0 0 0 3px #05f3}.organization-icon{color:#05f;font-size:.8rem}.organization-info{color:#666;font-size:.9rem}.organization-checkbox:checked+.organization-label:before{background-color:#05f;border-color:#05f}.organization-checkbox:checked+.organization-label:after{opacity:1}.mt-3{margin-top:1rem}@media (max-width:991px){.generator-container{display:flex;flex-direction:column;gap:1rem}.preview-panel{margin-top:1rem}.qr-type-tabs{margin-top:10px;position:relative;z-index:97}}@media (max-width:767px){.generator-page{padding:0}.generator-header{padding:1rem 0}.generator-header h1{font-size:1.75rem}.qr-type-tabs{padding:.5rem}.qr-type-tab{font-size:.85rem;padding:.6rem 1rem}.qr-type-tab svg{font-size:1rem}.generator-form,.preview-panel,.style-panel{margin-bottom:1rem;padding:1.25rem}.step-indicator{margin-bottom:1rem}.step-title{font-size:1.1rem}.form-group{margin-bottom:1.25rem}.tab-scroll-button{display:none}.qr-type-tabs-container{padding:.5rem .2rem}}@media (max-width:480px){.generator-header{margin-bottom:1rem}.generator-header h1{font-size:1.5rem}.qr-type-tab{margin-right:.35rem;padding:.5rem .8rem}.step-number{font-size:.9rem;height:28px;width:28px}.form-control{padding:.75rem}.premium-feature-banner-content{align-items:flex-start;flex-direction:column;text-align:left}}.qr-type-tab.premium-type{position:relative}.premium-type{border:1px solid gold}.premium-lock{color:gold;font-size:12px;position:absolute;right:5px;top:5px}.qr-type-tab:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.bulk-upload-form{width:100%}.dropzone{background-color:#f9f9f9;border:2px dashed #ccc;border-radius:10px;cursor:pointer;padding:30px;text-align:center;transition:all .3s ease}.dropzone.active{background-color:#2effaf1a;border-color:#2effaf}.dropzone.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.drop-title{color:#00194a;font-size:1.1rem;font-weight:700;margin-bottom:10px}.drop-subtitle{color:#666;font-size:.9rem}.file-info{display:flex;flex-direction:column;gap:5px}.file-name{color:#00194a;font-size:1.1rem;font-weight:700}.file-action{color:#666;font-size:.9rem}@media (max-width:768px){.dropzone{padding:20px}.drop-title{font-size:1rem}}.template-download-container{align-items:center;display:flex;flex-direction:column;gap:20px}.template-info{max-width:600px;text-align:center}.template-info h3{color:#00194a;font-size:1.2rem;margin-bottom:10px}.template-info p{color:#666;font-size:.95rem;margin-bottom:10px}.template-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style-type:none;margin-top:15px;padding:0}.template-features li{background-color:#f0f0f0;border-radius:15px;color:#00194a;font-size:.9rem;padding:5px 12px}.template-download-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:5px;color:var(--color-text-light);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;padding:10px 20px}.template-download-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-light)}.template-buttons{display:flex;flex-direction:column;gap:10px;max-width:300px;width:100%}@media (min-width:768px){.template-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}}@media (max-width:768px){.template-features{align-items:center;flex-direction:column}}.bulk-style-options{width:100%}.style-section{margin-bottom:20px}.style-section-label{color:#00194a;font-size:1.1rem;font-weight:700;margin-bottom:15px}.style-option-group{margin-bottom:20px}.style-option-group label{color:#333;display:block;font-weight:500;margin-bottom:10px}.style-buttons{display:flex;flex-wrap:wrap;gap:10px}.style-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.style-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light);font-weight:700}.style-button:hover{background-color:var(--color-background-hover);border-color:var(--color-primary);color:var(--color-text)}.color-pickers{display:flex;flex-wrap:wrap;gap:20px}.color-picker{display:flex;flex-direction:column;gap:5px}.color-picker span{color:#666;font-size:.9rem}.color-picker input[type=color]{border:1px solid #ddd;border-radius:4px;height:30px;padding:0;width:70px}.ecc-buttons{display:flex;flex-wrap:wrap;gap:10px}.ecc-button{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.ecc-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-light);font-weight:700}.ecc-button:hover{background-color:var(--color-background-hover);border-color:var(--color-primary);color:var(--color-text)}@media (max-width:768px){.color-pickers,.ecc-buttons,.style-buttons{flex-direction:column;gap:10px}.color-picker input[type=color]{width:100%}}.bulk-results{width:100%}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.results-tabs{display:flex;gap:10px}.tab-button{background-color:var(--color-background-hover);border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.tab-button.active{background-color:var(--color-primary);color:var(--color-text-light);font-weight:700}.results-actions{display:flex;flex-wrap:wrap;gap:10px}.download-all-button,.download-button,.select-all-button{align-items:center;background-color:var(--color-background-hover);border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px}.download-all-button,.download-button{background-color:var(--color-primary);color:var(--color-text-light)}.download-all-button:hover,.download-button:hover,.select-all-button:hover{opacity:.9}.download-all-button:disabled,.download-button:disabled,.select-all-button:disabled{background-color:var(--color-background-hover);border-color:var(--color-background-hover);color:var(--color-text);cursor:not-allowed}.success-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.qr-card{border:1px solid #eee;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .3s ease}.qr-card.selected{border-color:#2effaf;box-shadow:0 0 0 2px #2effaf80}.qr-image img{object-fit:contain}.qr-checkbox{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;display:flex;height:24px;justify-content:center;position:absolute;right:5px;top:5px;width:24px}.qr-info{background-color:#f9f9f9;padding:10px}.qr-title{color:#00194a;font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-type{color:#666;font-size:.8rem}.errors-list{margin-top:20px}.errors-table{border-collapse:collapse;width:100%}.errors-table td,.errors-table th{border-bottom:1px solid #eee;padding:10px;text-align:left}.errors-table th{background-color:#f9f9f9;color:#00194a;font-weight:700}.error-message{align-items:center;color:#f44336;display:flex;gap:5px}.no-results{color:#666;padding:30px;text-align:center}.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #00194a4d;border-radius:50%;border-top-color:#00194a;height:16px;width:16px}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column}.results-actions{justify-content:space-between;width:100%}.success-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.bulk-generator-page{margin:0 auto;max-width:1200px;padding:20px}.bulk-generator-header{margin-bottom:40px;text-align:center}.bulk-generator-header h1{color:#00194a;font-size:2rem;margin-bottom:10px}.bulk-generator-header p{color:#666;font-size:1rem}.bulk-generator-container{display:flex;flex-direction:column;gap:30px}.bulk-step{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px}.step-header{align-items:center;display:flex;margin-bottom:20px}.step-header h2{color:#00194a;font-size:1.3rem;margin:0}.bulk-generate-action{align-items:center;display:flex;flex-direction:column;gap:15px}.bulk-generate-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:5px;color:var(--color-text-light);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;min-width:200px;padding:12px 30px}.bulk-generate-button:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-light)}.bulk-generate-button:disabled{background-color:var(--color-background-hover);border-color:var(--color-background-hover);color:var(--color-text);cursor:not-allowed}.bulk-generate-info{color:#666;font-size:.9rem;max-width:400px;text-align:center}.loading-spinner{border:3px solid #00194a4d;border-top-color:#00194a;height:20px;width:20px}@media (max-width:768px){.bulk-generator-header h1{font-size:1.5rem}.step-header h2{font-size:1.1rem}}.pricing-plans{padding:2rem 0}.plans-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:0 1rem}.plan-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,box-shadow .3s ease}.plan-card:hover{box-shadow:0 8px 12px #00000026;transform:translateY(-5px)}.plan-card.standard{border:2px solid #3498db}.plan-card.pro{border:2px solid #9b59b6}.plan-card.custom{border:2px solid #9c27b0}.plan-header{margin-bottom:2rem;text-align:center}.plan-header h3{font-size:1.8rem}.plan-header h3,.plan-price{color:#2c3e50;margin-bottom:1rem}.plan-price{font-size:2.5rem;font-weight:700}.plan-price .currency{font-size:1.5rem;margin-right:.2rem;vertical-align:super}.plan-price .period{color:#7f8c8d;font-size:1rem;font-weight:400}.plan-price .tax-info{color:#7f8c8d;font-size:.9rem;font-weight:400;margin-left:.2rem}.plan-price.custom{color:#9c27b0;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.annual-discount{color:#27ae60;font-size:.85rem;font-weight:500;margin-bottom:.8rem;margin-top:-.5rem}.plan-description{color:#7f8c8d;font-size:1rem;margin-bottom:.5rem}.plan-intro{color:#7f8c8d;font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.plan-features{flex-grow:1;margin-bottom:2rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{color:#34495e;padding:.8rem 0 .8rem 2rem;position:relative}.plan-features li:before{color:#2ecc71;content:"✓";font-weight:700;left:0;position:absolute}.plan-footer{text-align:center}.subscribe-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease;width:100%}.subscribe-button:hover:not(:disabled){background-color:#2980b9}.subscribe-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.subscribe-button.current{background-color:#27ae60}.subscribe-button.custom{background-color:#9c27b0}.subscribe-button.custom:hover:not(:disabled){background-color:#7b1fa2}@media (max-width:1200px){.plans-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.plans-container{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.plan-card{padding:1.5rem}.plan-header h3{font-size:1.5rem}.plan-price{font-size:2rem}}.trial-info-banner{align-items:center;background-color:#f8f9fa;border:1px solid #e3e1e0;border-radius:8px;display:flex;flex-direction:column;margin-bottom:30px;padding:15px;text-align:center}.trial-badge{background-color:var(--color-primary);border-radius:8px;color:var(--color-background-light);font-size:14px;font-weight:700;margin-bottom:10px;padding:4px 12px}.payment-form-container{background-color:#fff;border-radius:8px;box-shadow:none;margin:0;max-width:none;padding:2rem;width:100%}.payment-form-container h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.payment-summary{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;font-size:1.1rem;margin-bottom:2rem;padding:.8rem;text-align:center}.payment-error{background-color:#fdecea;border-left:4px solid #dc3545;border-radius:4px;color:#dc3545;font-size:.9rem;margin-bottom:1.5rem;padding:.8rem}.form-group label{color:#495057}.form-group input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.8rem;transition:border-color .15s ease-in-out;width:100%}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db40;outline:0}.form-row{display:flex;margin-left:-.5rem;margin-right:-.5rem}.form-group.half{flex:0 0 50%;padding-left:.5rem;padding-right:.5rem}.card-element-container{background-color:#fff;border:1px solid #ced4da;border-radius:4px;padding:.8rem;transition:border-color .15s ease-in-out}.card-element-container:focus-within{border-color:#3498db;box-shadow:0 0 0 2px #3498db40}.payment-actions{display:flex;justify-content:space-between;margin-top:2rem}.payment-actions button{border-radius:4px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.payment-actions .btn-secondary{background-color:#f1f2f6;border:none;color:#666}.payment-actions .btn-secondary:hover{background-color:#e5e5e5}.payment-actions .btn-primary{background-color:#3498db;border:none;color:#fff}.payment-actions .btn-primary:hover{background-color:#2980b9}.payment-actions button:disabled{cursor:not-allowed;opacity:.7}.payment-security-info{color:#6c757d;font-size:.9rem;margin-top:2rem;text-align:center}.payment-form-modal .payment-form-container{border-radius:0;box-shadow:none;height:auto;overflow-y:auto}@media (max-width:768px){.payment-form-container{font-size:.95rem;padding:1rem}.payment-form-container h2{font-size:1.5rem}.form-row{flex-direction:column}.form-group.half{flex:0 0 100%}.payment-actions{flex-direction:column;gap:.7rem}.payment-actions button{width:100%}.price-breakdown{margin:10px 0;padding:10px}.payment-summary h3{font-size:1.2rem}}.price-breakdown{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:15px 0;padding:15px}.price-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:2px 0}.price-row.total{border-top:1px solid #ddd;font-size:1.1rem;font-weight:700;margin-top:10px;padding-top:10px}.price-value{font-weight:600}.payment-summary h3{color:#333;font-size:1.4rem;margin-bottom:5px}.payment-summary p{color:#666;font-size:1rem;margin-bottom:15px}.promo-code-section{margin-bottom:1.5rem}.promo-code-row{margin-top:.5rem}.form-group.promo-input{padding-left:.5rem;padding-right:.5rem;width:100%}.promo-field{display:flex;width:100%}.promo-field input{border-bottom-right-radius:0;border-top-right-radius:0;flex:1 1}.promo-apply-btn{background-color:#3498db;border:none;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.8rem 1.2rem;transition:background-color .2s}.promo-apply-btn:hover:not(:disabled){background-color:#2980b9}.promo-apply-btn:disabled{background-color:#a0cff0;cursor:not-allowed}.promo-error{color:#dc3545;font-size:.85rem;margin-top:.5rem}.price-row.original-price .price-value.strikethrough{color:#6c757d;text-decoration:line-through}.price-row.discount .price-value.discount-value{color:#28a745;font-weight:700}.promo-badge{align-items:center;background-color:#e8f4f8;border-radius:4px;color:#3498db;display:flex;font-weight:500;justify-content:center;margin-top:15px;padding:8px 12px}.promo-cancel-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:1rem;line-height:1;margin-left:10px;padding:0 5px}.promo-cancel-btn:hover{color:#2980b9}.subscription-page{background-color:var(--color-background);min-height:calc(100vh - 64px);padding:2rem}.subscription-header{margin-bottom:3rem;text-align:center}.subscription-header h1{color:var(--color-text);font-size:2.5rem;margin-bottom:1rem}.subscription-header p{color:var(--color-text);font-size:1.2rem}.login-prompt-modal,.payment-choice-modal,.payment-form-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:60px 1rem 1rem;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:var(--color-background-light);border-radius:12px;box-shadow:0 4px 6px #0000001a}.modal-content h2{color:var(--color-text);font-size:1.8rem;margin-bottom:1rem}.modal-content p{color:var(--color-text);margin-bottom:2rem}.payment-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.payment-option{align-items:flex-start;background:none;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.payment-option:focus,.payment-option:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #05f3;outline:none;transform:translateY(-2px)}.payment-option.selected{background-color:var(--color-background);border-color:var(--color-primary)}.payment-option h3{color:var(--color-text);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.payment-option p{color:var(--color-text);font-size:.9rem;margin-bottom:1rem}.payment-option .price{color:var(--color-text);font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.payment-option .price span{color:var(--color-text);font-size:1rem}.payment-option .savings{color:var(--color-success);font-size:.9rem;font-weight:500}.btn-primary,.btn-secondary{border-radius:6px;cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;transition:background-color .3s ease}.btn-primary{background-color:var(--color-primary);border:none}.btn-primary:focus,.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:0 0 0 2px #05f3;outline:none}.btn-secondary{background-color:var(--color-background-light);border:1px solid var(--color-border);color:var(--color-text)}.btn-secondary:focus,.btn-secondary:hover{background-color:var(--color-background);box-shadow:0 0 0 2px #05f3;outline:none}@media (max-width:768px){.subscription-page{padding:1rem}.subscription-header h1{font-size:2rem}.payment-options{grid-template-columns:1fr}.modal-content{padding:1.5rem;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.register-link{font-size:.9rem;margin-top:20px;text-align:center}.text-link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:0;text-decoration:underline}.text-link:hover{color:var(--color-primary-dark)}.payment-form-modal .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 8px 30px #0003;max-height:90vh;max-width:650px;overflow-y:auto;width:90%}.payment-content{padding:0!important}.payment-form-modal .modal-content.payment-content{display:flex;flex-direction:column;overflow:hidden;padding:0!important}@media (max-width:768px){.login-prompt-modal .modal-content,.payment-choice-modal .modal-content,.payment-form-modal .modal-content{margin-top:0;max-height:calc(100vh - 80px);padding:1.5rem;width:95%}.payment-form-modal{align-items:flex-start;padding-top:70px}.payment-form-modal .modal-content{height:auto;max-height:calc(100vh - 90px)}.payment-content{padding:0!important}.payment-form-container{padding:1rem!important}}.static-page{min-height:calc(100vh - 300px);padding:2rem 0}.static-page-header{background-color:var(--color-background-light);border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:3rem;padding:1.5rem;text-align:center}.static-page-header h1{color:var(--color-primary);font-size:2.5rem;margin-bottom:.5rem}.static-page-header p{color:var(--color-text);font-size:1.1rem;margin:0 auto;max-width:700px}.static-page-content{background-color:var(--color-background-light);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:2rem}.help-section{margin-bottom:3rem}.help-section h2{border-bottom:2px solid var(--color-primary);color:var(--color-primary-dark);margin-bottom:1.5rem;padding-bottom:.5rem}.help-items{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.help-items{grid-template-columns:repeat(2,1fr)}}.faq-item,.help-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1.5rem}.faq-item h3,.help-item h3{color:var(--color-primary);font-size:1.1rem;margin-bottom:1rem}.faq-item p,.help-item p{line-height:1.6;margin-bottom:1rem}.help-item ol,.help-item ul{margin-bottom:1rem;padding-left:1.5rem}.help-item li{margin-bottom:.5rem}.contact-form{margin:0 auto;max-width:700px}.form-group label{color:var(--color-primary-dark)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.form-group textarea{min-height:150px}.contact-submit{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.contact-submit:hover{background-color:var(--color-primary-dark)}.terms-section{margin-bottom:2rem}.terms-section h2{color:var(--color-primary-dark);margin-bottom:1rem}.terms-section h3{color:var(--color-primary);margin:1.5rem 0 .5rem}.terms-section p{line-height:1.6;margin-bottom:1rem}.terms-section ul{margin-bottom:1rem;padding-left:1.5rem}.terms-section li{margin-bottom:.5rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}@media (min-width:768px){.contact-info{flex-direction:row}}.contact-info-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 1px 3px #0000000d;flex:1 1;padding:1.5rem}.contact-info-item h3{align-items:center;color:var(--color-primary);display:flex;gap:.5rem;margin-bottom:1rem}.contact-info-item p{margin-bottom:.5rem}.contact-info-item .icon{align-items:center;color:var(--color-accent);display:inline-flex;font-size:1.2rem;justify-content:center;margin-right:.5rem}.custom-plan-note{background-color:#f1e9fd;border-left:4px solid #9c27b0;border-radius:4px;margin:2rem 0;padding:1.5rem}.custom-plan-note h2{color:#7b1fa2;font-size:1.5rem;margin-top:0}.custom-plan-note p{margin-bottom:0}.error-message{background-color:#e74c3c1a;border-left:4px solid #e74c3c;border-radius:4px;color:#e74c3c;margin-bottom:1.5rem;padding:.75rem}.success-message{background-color:#2ecc711a;border:1px solid #2ecc714d;border-radius:8px;color:#2ecc71;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.success-message h3{color:#27ae60;margin-bottom:1rem}.success-message p{margin-bottom:1.5rem}.collection-page{margin:0 auto;max-width:1200px;padding:20px}.collection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.collection-header h1{color:var(--color-text);font-size:1.8rem;margin:0}.create-collection-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--input-border-radius);color:#fff;cursor:pointer;display:block;gap:8px;margin-left:auto;margin-right:auto;padding:10px 16px}.create-collection-button:hover{background-color:var(--color-primary-dark)}.collection-search{margin-bottom:24px}.search-input-container{position:relative;width:100%}.search-icon{color:var(--color-text);left:12px;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.search-input-container input{border:1px solid var(--color-border);border-radius:var(--input-border-radius);font-size:1rem;padding:12px 12px 12px 40px;width:100%}.create-collection-form{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--card-border-radius);margin-bottom:24px;padding:20px}.create-collection-form h2{color:var(--color-text);font-size:1.4rem;margin-bottom:16px;margin-top:0}.form-group{margin-bottom:16px}.form-group label{color:var(--color-text);font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--input-border-radius);font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-actions{gap:12px;justify-content:flex-end;margin-top:16px}.cancel-button{background-color:initial;border:1px solid var(--color-border);border-radius:var(--button-border-radius);color:var(--color-text);cursor:pointer;padding:10px 16px}.cancel-button:hover{background-color:var(--color-background-hover)}.create-button{background-color:var(--color-primary);border:none;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 16px}.create-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.create-button:disabled{cursor:not-allowed;opacity:.6}.collections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.collection-card{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.collection-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.collection-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:16px}.collection-name{color:var(--color-text);font-size:1.2rem;margin:0}.collection-stats{align-items:center;display:flex;gap:10px}.qr-count{align-items:center;display:flex;gap:5px}.collection-description,.qr-count{color:var(--color-text);font-size:.9rem;opacity:.7}.collection-description{flex-grow:1;margin:0;padding:16px}.collection-actions{display:flex;gap:10px}.back-button{align-items:center;background-color:initial;border:1px solid var(--color-primary);border-radius:var(--button-border-radius);color:var(--color-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.back-button:hover{background-color:#0097e01a}.edit-button{background-color:initial;border:1px solid var(--color-success);border-radius:var(--button-border-radius);color:var(--color-success);cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.edit-button:hover{background-color:#4caf501a}.add-button{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--button-border-radius);color:var(--color-primary);cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.add-button:hover{background-color:#0097e01a}.delete-button{background-color:initial;border:1px solid var(--color-error);border-radius:var(--button-border-radius);color:var(--color-error);cursor:pointer;font-weight:500;padding:8px 12px;transition:all .2s}.delete-button:hover{background-color:#f443361a}.collection-meta{border-top:1px solid var(--color-border);color:var(--color-text);font-size:.8rem;opacity:.7;padding:12px 16px;text-align:right}.collection-meta,.empty-state{background-color:var(--color-background)}.empty-state{border-radius:var(--card-border-radius);margin-top:20px;padding:40px 20px;text-align:center}.empty-icon{color:var(--color-border);font-size:3rem;margin-bottom:16px}.empty-state h2{color:var(--color-text);font-size:1.5rem;margin-top:0}.empty-state p{margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px}.empty-state p,.loading-spinner{color:var(--color-text);opacity:.7}.loading-spinner{padding:40px;text-align:center}.error-alert{background-color:#f443361a;border-radius:var(--button-border-radius);color:var(--color-error);margin-bottom:24px;padding:16px}@media (max-width:768px){.collection-header{align-items:flex-start;flex-direction:column;gap:16px}.collections-grid{grid-template-columns:1fr}}.collection-detail-page{margin:0 auto;max-width:1200px;padding:20px}.collection-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.collection-detail-header h1{color:var(--color-text);flex-grow:1;font-size:1.8rem;margin:0}.collection-qrcodes-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin:24px 0;padding-bottom:8px}.collection-qrcodes-header h2{color:var(--color-text);font-size:1.4rem;margin:0}.qrcode-count{align-items:center;color:var(--color-text);display:flex;font-size:1rem;gap:8px;opacity:.7}.qrcodes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.qrcode-card{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.qrcode-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.qrcode-card-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:12px 16px}.qrcode-name{color:var(--color-text);font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qrcode-menu{position:relative}.menu-button{background:#0000;border:none;border-radius:var(--button-border-radius);color:var(--color-text);cursor:pointer;opacity:.7;padding:4px 8px}.menu-button:hover{background-color:var(--color-background-hover)}.dropdown-menu.show{background-color:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--button-border-radius);box-shadow:0 4px 8px #0000001a;min-width:180px;padding:4px 0;position:absolute;right:0;top:100%;z-index:9999}.dropdown-menu.show button{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;width:100%}.dropdown-menu.show button:last-child{border-bottom:none}.dropdown-menu.show button:hover{background-color:var(--color-background-hover)}.qrcode-image{align-items:center;background-color:var(--color-background);display:flex;justify-content:center;padding:16px}.qrcode-image img{height:auto;max-height:150px;max-width:150px;width:100%}.qrcode-meta{background-color:var(--color-background);border-top:1px solid var(--color-border);color:var(--color-text);display:flex;font-size:.8rem;justify-content:space-between;opacity:.7;padding:12px 16px}.qrcode-type{font-weight:500}.create-qrcode-button{background-color:var(--color-primary);border:none;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:500;margin-top:16px;padding:10px 16px}.create-qrcode-button:hover{background-color:var(--color-primary-dark)}@media (max-width:768px){.collection-detail-header{align-items:flex-start;flex-direction:column;gap:16px}.collection-detail-header .collection-actions{width:100%}.qrcodes-grid{grid-template-columns:1fr}}.collection-add-qrcodes-page{margin:0 auto;max-width:1200px;padding:20px}.selection-actions{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--card-border-radius);display:flex;justify-content:space-between;margin:20px 0;padding:16px}.selection-count{color:var(--color-text);font-size:1rem;font-weight:500}.add-selected-button{background-color:var(--color-primary);border:none;border-radius:var(--button-border-radius);color:#fff;cursor:pointer;font-weight:500;padding:10px 16px}.add-selected-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.add-selected-button:disabled{cursor:not-allowed;opacity:.6}.qrcodes-selection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.qrcode-selection-card{background-color:var(--color-background-light);border:2px solid var(--color-border);border-radius:var(--card-border-radius);cursor:pointer;padding:16px;position:relative;transition:all .2s ease}.qrcode-selection-card:hover{border-color:var(--color-primary);box-shadow:0 4px 8px #0000001a}.qrcode-selection-card.selected{background-color:#0097e00d;border-color:var(--color-primary)}.qrcode-selection-card .qrcode-image{margin-bottom:12px;text-align:center}.qrcode-selection-card .qrcode-image img{max-height:120px;max-width:120px}.qrcode-selection-card .qrcode-info{margin-top:12px}.qrcode-selection-card .qrcode-name{color:var(--color-text);font-size:1rem;margin:0 0 8px}.qrcode-selection-card .qrcode-url{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:.8rem;margin:0;opacity:.7;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.selection-indicator{background-color:var(--color-background-light);border:2px solid var(--color-border);border-radius:50%;height:20px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:20px}.qrcode-selection-card.selected .selection-indicator{background-color:var(--color-primary);border-color:var(--color-primary)}.qrcode-selection-card.selected .selection-indicator:after{background-color:#fff;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.empty-collection-message{background-color:var(--color-background);border-radius:var(--card-border-radius);margin:2rem 0;padding:2rem;text-align:center}.add-qr-codes-button{background-color:var(--color-secondary);border:none;border-radius:var(--button-border-radius);color:var(--color-primary-darker);cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-qr-codes-button:hover{background-color:var(--color-cyan)}.add-qr-codes-button:disabled{background-color:var(--color-border);cursor:not-allowed}.modal-overlay{z-index:9999}.modal-content{background-color:var(--color-background-light);border-radius:var(--card-border-radius);max-height:80vh;max-width:800px;padding:20px;width:80%;z-index:10000}.qr-codes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:20px;margin-top:20px}.qr-code-item{align-items:center;background-color:var(--color-background);border:2px solid #0000;border-radius:var(--card-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:10px;text-align:center;transition:all .2s ease}.qr-code-item:hover{background-color:var(--color-background-hover);border-color:var(--color-secondary)}.qr-code-item.selected{background-color:#00f7ff1a;border-color:var(--color-secondary)}.qr-code-item img{border-radius:var(--button-border-radius);height:auto;max-width:120px;width:100%}.qr-code-item h3{color:var(--color-text);font-size:14px;margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.modal-actions{border-top:1px solid var(--color-border);gap:10px;margin-top:20px;padding-top:15px}.button{border-radius:var(--button-border-radius);cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.button-outline{background-color:initial;border:1px solid var(--color-border);color:var(--color-text)}.button-outline:hover{background-color:var(--color-background-hover)}.button-primary{background-color:var(--color-secondary);border:none;color:var(--color-primary-darker)}.button-primary:hover{background-color:var(--color-cyan)}.button-primary:disabled{background-color:var(--color-border);color:var(--color-text);cursor:not-allowed;opacity:.7}.dropdown-menu.show .menu-item{align-items:center;display:flex;gap:0;padding:8px 12px;text-align:left;width:100%}.dropdown-menu.show .menu-icon{align-items:center;color:var(--color-primary-darker);display:flex;justify-content:center;margin-right:8px;min-width:24px}.dropdown-menu.show .menu-item span{color:var(--color-text);flex:1 1}.qrcode-menu .dropdown-menu.show{min-width:220px;padding:4px 0}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.close-modal-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text);cursor:pointer;display:flex;font-size:1.8rem;height:30px;justify-content:center;line-height:1;margin:0;opacity:.7;padding:0;transition:all .2s;width:30px}.close-modal-button:hover{background-color:var(--color-background-hover);color:var(--color-text)}.collections-top-actions{display:flex;gap:10px}.primary-button{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.primary-button:hover{background-color:var(--color-primary-dark)}.qr-details-page{color:#333;font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:1.5rem}.qr-details-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.qr-details-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.qr-details-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-danger,.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9;text-decoration:none}.btn-secondary{background-color:#f8f9fa;border:1px solid #dee2e6;color:#2c3e50}.btn-secondary:hover{background-color:#e9ecef}.btn-danger{background-color:#e74c3c}.btn-danger:hover{background-color:#c0392b}.btn-outline{background-color:initial;border:1px solid #3498db;color:#3498db}.btn-outline:hover{background-color:#ebf5fb}.qr-details-preview{grid-gap:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:grid;gap:2rem;grid-template-columns:minmax(200px,300px) 1fr;margin-bottom:2.5rem;padding:1.5rem}.qr-image-container{align-items:center;display:flex;flex-direction:column;position:relative}.qr-image-container img{border:1px solid #e0e0e0;border-radius:8px;max-width:100%}.download-btn{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.download-btn:hover{background-color:#e9ecef}.qr-info-card{display:flex;flex-direction:column}.qr-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.qr-info-header h2{color:#2c3e50;font-size:1.4rem;margin:0}.status-indicator{border-radius:50px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-indicator.active{background-color:#e8f8f5;color:#27ae60}.status-indicator.inactive{background-color:#fbeae9;color:#e74c3c}.qr-info-content{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:flex-start;gap:1rem}.info-row .label{color:#6c757d;font-size:.9rem;width:130px}.info-row .value{font-weight:500}.content-preview{flex:1 1;word-break:break-word}.short-url-container{align-items:center;display:flex;gap:.5rem}.short-url-container button{background:none;border:none;color:#6c757d;cursor:pointer;padding:.25rem}.short-url-container button:hover{color:#3498db}.qr-details-stats{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2.5rem;padding:1.5rem}.qr-details-stats h2{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.stats-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:1.25rem;text-align:center}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6c757d;font-size:.9rem}.trend-indicator{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.trend-icon{font-size:1.5rem}.trend-icon.positive{color:#27ae60}.trend-icon.negative{color:#e74c3c}.trend-value{font-size:1.25rem;font-weight:700}.trend-value.positive{color:#27ae60}.trend-value.negative{color:#e74c3c}.stats-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:1.5rem}.qr-chart-container{height:calc(100% - 3rem);overflow:hidden;position:relative;width:100%}.stats-chart:first-child{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;margin-bottom:2rem;max-height:500px;padding:1.5rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.stats-grid .stats-chart{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;max-height:400px;min-height:350px;padding:1.5rem}.stats-chart h3{color:#2c3e50;flex-shrink:0;font-size:1.1rem;margin:0 0 1rem}.loading-indicator{align-items:center;color:#6c757d;display:flex;justify-content:center;padding:2rem}.no-data-message{color:#6c757d;padding:2rem;text-align:center}.stats-tables{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-rows:min-content 1fr}.top-countries,.top-devices{display:flex;flex-direction:column}.top-countries h3,.top-devices h3{margin-bottom:1rem}.top-countries table,.top-devices table{border-collapse:collapse;width:100%}.top-countries td,.top-countries th,.top-devices td,.top-devices th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.top-countries th,.top-devices th{background-color:#f8f9fa;color:#2c3e50;font-weight:600}.top-countries tr:last-child td,.top-devices tr:last-child td{border-bottom:none}.stats-actions{display:flex;gap:1rem;justify-content:flex-end}.qr-details-customization{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2.5rem;padding:1.5rem}.qr-details-customization h2{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.customization-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.option-card{background-color:#f8f9fa;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.option-card h3{color:#2c3e50;font-size:1.1rem;margin:0}.option-card p{color:#6c757d;font-size:.9rem;margin:0}.toggle-switch{align-items:center;display:flex;gap:1rem}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;width:16px}input:checked+.slider{background-color:#3498db}input:focus+.slider{box-shadow:0 0 1px #3498db}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.qr-details-history{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.qr-details-history h2{color:#2c3e50;font-size:1.4rem;margin-bottom:1.5rem;margin-top:0}.history-timeline{display:flex;flex-direction:column;gap:1.5rem}.history-item{display:flex;gap:1.5rem;position:relative}.history-item:not(:last-child):after{background-color:#dee2e6;content:"";height:calc(100% + 1.5rem);left:.5rem;position:absolute;top:1.5rem;width:2px;z-index:0}.history-date{color:#6c757d;flex-shrink:0;font-size:.9rem;padding-left:1.5rem;padding-top:.55rem;position:relative;width:150px}.history-date:before{background-color:#3498db;border-radius:50%;content:"";height:10px;left:.25rem;position:absolute;top:.9rem;width:10px;z-index:1}.history-content{background-color:#f8f9fa;border-radius:8px;flex:1 1;padding:1rem}.history-type{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.history-details{color:#6c757d;font-size:.9rem}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-content h2{color:#2c3e50;font-size:1.4rem;margin-top:0}.modal-body,.modal-content h2{margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.loading-container{color:#6c757d;font-size:1.1rem;min-height:60vh}.error-container{background-color:#fbeae9;border-radius:8px;color:#e74c3c;margin:2rem auto}@media (max-width:1200px){.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stats-chart:first-child{max-height:400px;min-height:350px}.stats-grid .stats-chart{max-height:350px;min-height:300px}}@media (max-width:768px){.qr-details-page{padding:1rem}.qr-details-preview{gap:1.5rem;grid-template-columns:1fr}.qr-image-container{margin:0 auto;max-width:250px}.stats-chart:first-child{max-height:350px;min-height:300px;padding:1rem}.stats-grid .stats-chart{max-height:300px;min-height:250px;padding:1rem}.qr-chart-container{height:calc(100% - 2.5rem)}}@media (max-width:480px){.stats-chart:first-child,.stats-grid .stats-chart{max-height:250px;min-height:200px}.stats-chart h3{font-size:1rem;margin-bottom:.75rem}}@media (max-width:576px){.qr-details-header{align-items:flex-start;flex-direction:column}.qr-details-actions{justify-content:space-between;width:100%}.stats-summary{gap:1rem}.customization-options,.stats-summary{grid-template-columns:1fr}.history-item{flex-direction:column;gap:.5rem}.history-date{padding-left:1.5rem;width:100%}.history-date:before{left:.5rem;top:.5rem}.history-item:not(:last-child):after{height:calc(100% - 1rem);left:.5rem;top:1.5rem}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.qr-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.option-card{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.option-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.option-card h3{color:#333;font-size:1.2rem;margin-bottom:10px}.option-card p{color:#666;line-height:1.4;margin-bottom:15px}.btn-disabled{background-color:#e9e9e9;border-color:#ccc;color:#888;cursor:not-allowed;opacity:.6}.btn-disabled:hover{background-color:#e9e9e9;box-shadow:none;transform:none}.info-text{color:#888;font-size:.85rem;font-style:italic;margin-top:10px}.qr-details-stats-locked{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin:2rem 0;padding:2rem;text-align:center}.locked-content{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem}.locked-content svg{color:#05f}.locked-content h2{color:#333;margin:0}.locked-content p{color:#666;margin-bottom:1.5rem;max-width:500px}.download-menu{background-color:#fff;border-radius:6px;bottom:100%;box-shadow:0 3px 10px #0003;margin-bottom:5px;min-width:120px;overflow:hidden;position:absolute;right:0;z-index:9999}.download-menu-item{background:none;border:none;cursor:pointer;font-size:.9rem;padding:8px 16px;text-align:left;width:100%}.download-menu-item:hover{background-color:#f0f0f0}.qr-code-list-page{margin:0 auto;max-width:1200px;padding:2rem 1rem}.qr-code-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.qr-code-list-header h1{color:var(--color-text);font-size:1.75rem;margin:0}.qr-code-list-actions{display:flex;gap:1rem}.qr-code-list-actions button{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:all .2s}.qr-code-list-actions .btn-primary{background-color:var(--color-primary);border:none;color:#fff}.qr-code-list-actions .btn-primary:hover{background-color:var(--color-primary-dark)}.qr-code-list-actions .btn-secondary{background-color:#fff;border:1px solid var(--color-border);color:var(--color-text)}.qr-code-list-actions .btn-secondary:hover{background-color:var(--color-background-light)}.qr-code-list-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.qr-code-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative;transition:all .3s ease}.qr-code-locked{background:#f5f5f5;opacity:.8}.qr-code-locked-overlay{align-items:center;background:#00000080;border-radius:8px;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.qr-code-locked-overlay svg{height:24px;margin-bottom:8px;width:24px}.qr-code-locked-overlay p{font-size:14px;margin:0}.qr-code-actions button.disabled{background:#ccc;cursor:not-allowed;opacity:.5}.qr-code-actions button.disabled:hover{background:#ccc;transform:none}@media (max-width:768px){.qr-code-list-page{padding:1rem}.qr-code-list-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.qr-code-list-actions{justify-content:space-between;width:100%}.qr-code-list-actions button{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.qr-code-list-header h1{font-size:1.5rem}}.edit-qr-page{margin:0 auto;max-width:1200px;padding:2rem 1rem;width:100%}.edit-qr-header{margin-bottom:2rem;text-align:center}.edit-qr-header h1{color:#00194a;font-family:Neulis Sans,sans-serif;font-size:2rem;margin-bottom:.5rem}.edit-qr-header p{color:#666;font-family:Poppins,sans-serif;font-size:1rem}.edit-qr-container{background-color:#efefef;border-radius:16px;box-shadow:0 4px 12px #00194a1a;display:flex;gap:2rem;min-height:calc(100vh - 200px);padding:2rem}.qr-edit-form{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;flex:1 1;max-width:100%;overflow-x:hidden;padding:2rem;width:100%}.qr-preview-container{display:flex;flex:1 1;flex-direction:column}.qr-image-preview{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:2rem;text-align:center}.qr-image-preview h3{color:#036;font-family:Neulis Sans,sans-serif;font-size:1.5rem;margin-bottom:.5rem;margin-top:.5rem}.qr-image-preview p{color:#666;font-family:Poppins,sans-serif}.qr-image-frame{align-items:center;background-color:#fff;border:1px solid #e3e1e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:center;margin-bottom:1.5rem;padding:1.5rem}.qr-code-image{max-height:200px;max-width:200px}.content-box{background-color:#f5f5f5;border:1px solid #e3e1e0;border-radius:8px;font-family:Poppins,sans-serif;max-height:100px;overflow:auto;padding:1rem;word-break:break-all}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{color:var(--color-primary-darker);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-control{border:1px solid #e3e1e0;border-radius:8px;color:#00194a;font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.form-control:focus{border-color:#05f;box-shadow:0 0 0 3px #05f3;outline:none}.dynamic-info-banner{align-items:flex-start;background-color:#e3e1e0;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.dynamic-info-icon{flex-shrink:0;font-size:1.5rem}.dynamic-info-content h3{color:#036;font-family:Neulis Sans,sans-serif;font-size:1.1rem;margin:0 0 .5rem}.dynamic-info-content p{color:#00194a;font-family:Poppins,sans-serif;font-size:.9rem;margin:0}.form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem}.btn-cancel,.btn-save{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s}.btn-cancel{background-color:#efefef;border:1px solid #e3e1e0;color:#00194a}.btn-save{background-color:#05f;flex-grow:1}.btn-cancel:hover:not(:disabled){background-color:#e3e1e0}.btn-save:hover:not(:disabled){background-color:#036;box-shadow:0 4px 12px #0055ff4d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.save-icon{font-size:1.1rem}.error-container,.loading-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00194a1a;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem}.loading-spinner{border:3px solid #e3e1e0;border-top-color:#05f}.error-container p,.loading-container p{color:#00194a;font-family:Poppins,sans-serif}.error-container h2{color:#036;font-family:Neulis Sans,sans-serif;margin-bottom:1rem}.btn-back{background-color:#05f;border:none;border-radius:8px;color:#fff;font-family:Poppins,sans-serif;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .3s}.btn-back:hover{background-color:#036}@media (max-width:991px){.edit-qr-container{flex-direction:column;padding:1.5rem}.qr-edit-form,.qr-preview-container{width:100%}.qr-preview-container{position:static}}@media (max-width:767px){.edit-qr-page{padding:1rem}.edit-qr-header h1{font-size:1.5rem}.qr-edit-form,.qr-image-preview{padding:1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}.qr-type-tabs{gap:.15rem;margin-bottom:1rem;padding-bottom:.15rem}.qr-type-tab{font-size:.85rem;padding:.6rem .8rem}.qr-type-tab svg{font-size:1.1rem}.qr-edit-form{padding:1.5rem 1rem}.edit-qr-container{padding:0 .5rem}}.type-selector-container{margin-bottom:.5rem;margin-top:1.5rem}.type-change-notice{background-color:#fff8e1;border-left:4px solid #ffc107;border-radius:4px;margin-top:.5rem;padding:.75rem 1rem}.type-change-notice p{color:#856404;font-family:Poppins,sans-serif;font-size:.9rem;margin:0}.qr-original-info{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;text-align:left;width:100%}.qr-original-content,.qr-original-type{width:100%}.qr-original-content h4,.qr-original-type h4{color:#036;font-family:Neulis Sans,sans-serif;font-size:1rem;margin-bottom:.5rem}.content-type-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.content-type-option{align-items:center;background-color:#f0f0f0;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.content-type-option:hover{background-color:#e3e1e0}.content-type-option.active{background-color:#e3e1e0;border-color:#05f;color:#036}.content-type-option svg{font-size:1.1rem}.qr-type-tabs-container{margin-bottom:1.5rem}.qr-type-tabs,.qr-type-tabs-container{position:relative;width:100%;z-index:1}.qr-type-tabs{-ms-overflow-style:none;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:nowrap;gap:.25rem;margin-bottom:0;overflow-x:auto;padding-bottom:.25rem;scroll-behavior:smooth;scrollbar-width:none}.qr-type-tabs::-webkit-scrollbar{display:none}.tab-scroll-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:50%;box-shadow:0 2px 8px #0055ff40;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;opacity:.9;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:32px;z-index:20}.tab-scroll-button:hover{background-color:var(--color-primary-darker);box-shadow:0 4px 12px #05f6;opacity:1}.tab-scroll-button:active{transform:translateY(-50%) scale(.95)}.tab-scroll-left{left:0}.tab-scroll-right{right:0}@media (max-width:767px){.tab-scroll-button{display:none}.qr-type-tabs-container{padding:0}.qr-type-tabs{padding:.15rem;width:100%}}.qr-type-tab{align-items:center;background-color:initial;border:none;border-radius:12px;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:fit-content;padding:.9rem 1.2rem;transition:all .2s;white-space:nowrap}.qr-type-tab:hover{background-color:#f0f7ff;color:var(--color-primary)}.qr-type-tab.active{background-color:#e6f3fd;color:var(--color-primary);font-weight:600}.qr-type-tab svg{font-size:1.3rem}@media (max-width:767px){.qr-type-tabs{gap:.15rem;padding-bottom:.15rem}.qr-type-tab{font-size:.85rem;padding:.6rem .8rem}.qr-type-tab svg{font-size:1.1rem}}@media (min-width:992px){.qr-preview-container{align-self:flex-start;max-height:calc(100vh - 40px);overflow-y:auto;position:sticky;top:20px}}.preview-tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:15px}.preview-tab{background:none;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.qr-design-page{margin:0 auto;max-width:1200px;padding:1rem}.design-header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.design-header h1{color:var(--color-text);font-size:1.3rem;margin:0;text-align:center;width:100%}@media (min-width:768px){.qr-design-page{padding:1.5rem}.design-header{align-items:center;flex-direction:row;justify-content:flex-start}.design-header h1{font-size:1.5rem;margin:0 auto;width:auto}}.btn-back{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--button-border-radius);color:var(--color-text);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.btn-back:hover{background-color:var(--color-background-hover)}.btn-save-container{border-top:1px solid #f0f0f0;gap:1rem;padding:1.5rem;width:100%}.btn-save,.btn-save-container{display:flex;justify-content:center}.btn-save{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 2rem;transition:all .2s}.qr-design-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;justify-content:center}@media (min-width:992px){.qr-design-content{grid-template-columns:1fr 1fr}}.qr-design-options,.qr-design-preview{background-color:var(--color-background-light);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:1.5rem}.qr-design-options h2,.qr-design-preview h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2rem;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.qr-info-section{margin-top:2rem}.qr-info-card{background-color:var(--color-background);border-radius:var(--card-border-radius);overflow:hidden;padding:1rem}.qr-info-card h3{color:var(--color-text);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.info-row{display:flex;flex-wrap:wrap;font-size:.9rem;margin-bottom:.75rem}.info-row .label{font-weight:600;margin-right:.5rem;min-width:80px}.info-row .value{color:var(--color-text);flex:1 1;max-width:100%;overflow-wrap:break-word;word-break:break-word}@media (max-width:576px){.qr-design-options,.qr-design-preview{padding:1rem}.info-row{flex-direction:column;margin-bottom:1rem}.info-row .label{margin-bottom:.25rem;width:100%}.info-row .value{padding-left:.25rem;width:100%}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.loading-spinner{border:4px solid #0000001a;border-left:4px solid var(--color-primary)}.error-container{margin:0 auto;max-width:600px;padding:2rem;text-align:center}.error-container p{color:var(--color-error);margin-bottom:1.5rem}.profile-page{margin:0 auto;max-width:1000px;padding:2rem 1rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-header h1{color:var(--color-primary-dark);margin-bottom:.5rem}.profile-header p{color:var(--color-text);opacity:.8}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background-color:var(--color-background-light);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:1.5rem}.profile-section-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.5rem}.profile-section-title{color:var(--color-primary-dark);font-size:1.25rem;font-weight:600;margin:0}.profile-section-content{gap:1rem}.profile-field,.profile-section-content{display:flex;flex-direction:column}.profile-field label{color:var(--color-text);font-weight:500;margin-bottom:.5rem}.profile-field-value{background-color:var(--color-background);border-radius:var(--input-border-radius);color:var(--color-text);padding:.75rem}.profile-field-edit{margin-top:1rem}.profile-field-edit .form-control{margin-bottom:.5rem}.profile-buttons{display:flex;gap:1rem;margin-top:1rem}.profile-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.error-message{max-width:500px;text-align:center}.loading-spinner{border:5px solid var(--color-border);border-top-color:var(--color-primary)}.account-danger-zone{background-color:#f443360d;border:1px solid #f4433633;border-radius:var(--card-border-radius);margin-top:1rem;padding:1rem}.account-danger-zone h3{color:#d32f2f;font-size:1rem;margin-bottom:.5rem}@media (max-width:768px){.profile-buttons,.profile-field{flex-direction:column}.profile-buttons button{width:100%}}.confirm-remove-content{align-items:center;display:flex;flex-direction:column;padding:1rem 0;text-align:center}.warning-icon{color:var(--color-warning);font-size:3rem;margin-bottom:1rem}.confirm-remove-content p{font-size:1.1rem;margin-bottom:1.5rem}.alert{margin-bottom:1rem;width:100%}.alert-warning{background-color:#ff98001a;border-left:4px solid var(--color-warning);color:var(--color-text)}.btn-danger{background-color:var(--color-error);border:none;color:#fff}.organization-card{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);margin-bottom:2rem;overflow:hidden}.organization-card-header{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;gap:1rem;padding:1.5rem}.organization-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.organization-title{flex-grow:1}.organization-title h2{font-size:1.5rem;font-weight:600;margin:0}.organization-description{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.organization-card-content{padding:1.5rem}.organization-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.organization-info-item{align-items:flex-start;background-color:var(--color-background);border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.info-icon{color:var(--color-primary);font-size:1.5rem;margin-top:.25rem}.info-content{display:flex;flex-direction:column}.info-label{color:var(--color-text);font-size:.8rem;margin-bottom:.25rem;opacity:.7}.info-value{font-size:1rem;font-weight:500}.info-value.link{color:var(--color-primary);text-decoration:none}.info-value.link:hover{text-decoration:underline}.organization-card-empty{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);color:var(--color-text);margin-bottom:2rem;opacity:.8;padding:2rem;text-align:center}.btn.btn-outline{align-items:center;background-color:initial;border:1px solid #ffffff80;border-radius:var(--button-border-radius);color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn.btn-outline:hover{background-color:#ffffff1a;border-color:#fff}@media (max-width:768px){.organization-card-header{align-items:flex-start;flex-direction:column;padding:1rem}.organization-title{margin-bottom:1rem;width:100%}.organization-info-grid{grid-template-columns:1fr}}.invite-member-form{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);margin-bottom:2rem;padding:1.5rem}.invite-member-form h3{color:var(--color-primary-dark);margin-bottom:.5rem;margin-top:0}.invite-member-form p{color:var(--color-text);margin-bottom:1.5rem;opacity:.8}.invite-member-form .form-group{margin-bottom:1rem}.invite-member-form label{display:block;font-weight:500;margin-bottom:.5rem}.invite-member-form input,.invite-member-form select{border:1px solid var(--color-border);border-radius:var(--input-border-radius);font-size:1rem;padding:.75rem;width:100%}.invite-member-form input:focus,.invite-member-form select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #0097e033;outline:none}.invite-member-form button{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.invite-member-form .form-error{background-color:#f443361a;border-radius:4px;color:var(--color-error);font-size:.9rem;margin-bottom:1rem;padding:.75rem}.invite-member-form .form-help{background-color:#0097e01a;border-radius:4px;font-size:.85rem;margin-bottom:1rem;padding:1rem}.invite-member-form .form-help ul{margin-bottom:0;margin-top:.5rem;padding-left:1.5rem}.invite-member-form .form-help li{margin-bottom:.25rem}@media (max-width:768px){.invite-member-form{padding:1rem}}.members-datatable-container{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);margin-bottom:1rem;overflow:hidden;width:100%}.p-datatable-sm .p-datatable-thead>tr>th{background-color:var(--color-background);color:var(--color-primary-dark);font-weight:600;padding:.75rem 1rem}.p-datatable-sm .p-datatable-tbody>tr>td{padding:.75rem 1rem}.p-datatable-sm .p-datatable-tbody>tr:hover{background-color:var(--color-background-hover)}.member-role-badge{background-color:var(--color-light-grey);border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.member-role-badge.owner{background-color:var(--color-primary);color:#fff}.member-actions{align-items:center;display:flex;gap:.5rem}.action-btn-icon.edit:hover{border-color:#f90;color:#f90}.action-btn-icon.delete:hover{border-color:var(--color-error);color:var(--color-error)}@media (max-width:992px){.members-datatable-container{overflow-x:auto}}@media (max-width:768px){.p-datatable-sm .p-datatable-tbody>tr>td,.p-datatable-sm .p-datatable-thead>tr>th{padding:.5rem .75rem}.member-actions{align-items:center;flex-direction:row;gap:.25rem}.member-role-badge{font-size:.7rem;padding:.2rem .4rem}}.pending-invitations-container{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);margin-top:1rem;padding:1.5rem;width:100%}.pending-invitations-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.pending-invitations-container .section-header h2{color:var(--color-primary-dark);font-size:1.4rem;margin:0}.pending-invitations-container .invitation-count{background-color:var(--color-primary);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.pending-invitations-container .p-datatable{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);margin-bottom:1rem;overflow:hidden;width:100%}.pending-invitations-container .p-datatable .p-datatable-thead>tr>th{background-color:var(--color-background);border-color:#e9ecef;color:var(--color-primary-dark);font-weight:600;padding:.75rem 1rem}.pending-invitations-container .p-datatable .p-datatable-tbody>tr>td{border-color:#e9ecef;padding:.75rem 1rem}.pending-invitations-container .p-datatable .p-datatable-tbody>tr:hover{background-color:var(--color-background-hover)}.action-btn-icon{align-items:center;background:none;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn-icon:hover{background-color:var(--color-background)}.action-btn-icon.cancel:hover{border-color:var(--color-error);color:var(--color-error)}@media (max-width:992px){.pending-invitations-container .p-datatable-wrapper{overflow-x:auto}}@media (max-width:768px){.pending-invitations-container{padding:1rem}.pending-invitations-container .section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.pending-invitations-container .p-datatable-tbody>tr>td,.pending-invitations-container .p-datatable-thead>tr>th{padding:.5rem .75rem}.pending-invitations-container .p-tag{font-size:.7rem;padding:.2rem .4rem}}.pro-members-page{margin:0 auto;max-width:1200px;padding:2rem 1rem}.pro-members-content{display:flex;flex-direction:column;gap:2rem;width:100%}.pro-members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.pro-members-header h1{color:var(--color-primary-dark);font-size:1.8rem;margin:0}.pro-members-actions{display:flex;gap:.5rem}.pro-members-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:0}.pro-members-section{width:100%}.left-column{display:flex;flex-direction:column;gap:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:var(--color-primary-dark);font-size:1.4rem;margin:0}.invitation-count,.member-count{background-color:var(--color-primary);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.no-organization{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);padding:3rem;text-align:center}.no-organization p{color:var(--color-text);font-size:1.1rem;margin-bottom:1.5rem}.pro-members-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;text-align:center}.loading-spinner{border:4px solid #0097e033;border-top:4px solid var(--color-primary);height:40px;width:40px}.members-section{background-color:var(--color-background-light);border-radius:8px;box-shadow:var(--card-box-shadow);padding:1.5rem;width:100%}.alert{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#f443361a;border-left:4px solid var(--color-error);color:var(--color-error)}@media (max-width:992px){.pro-members-grid{display:flex;flex-direction:column;gap:2rem}.pro-members-content{gap:1.5rem}.members-section{padding:1rem}}@media (max-width:768px){.pro-members-header{align-items:flex-start;flex-direction:column;gap:1rem}.pro-members-page{padding:1rem}.pro-members-content{gap:1.5rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.members-section{padding:.75rem}}.invitation-page{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.invitation-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;max-width:600px;padding:2rem;width:100%}.invitation-header{margin-bottom:1.5rem;text-align:center}.invitation-header h2{color:#0097e0;font-size:1.8rem;margin-bottom:.5rem}.invitation-content,.invitation-message{margin-bottom:1.5rem}.invitation-message{font-size:1.1rem;text-align:center}.organization-description{background-color:#f8f9fa;border-radius:8px;color:#555;font-style:italic;margin-bottom:1.5rem;padding:1rem}.invitation-details{border-top:1px solid #eee;margin-bottom:2rem;padding-top:1rem}.detail-item{align-items:center;display:flex;margin-bottom:.8rem}.detail-label{color:#555;font-weight:600;min-width:120px}.detail-value{color:#333}.role-badge{background-color:#e0f7ff;border-radius:4px;color:#0097e0;font-size:.9rem;font-weight:600;padding:4px 8px}.invitation-actions{display:flex;justify-content:space-between;margin-top:1.5rem}.invitation-actions button{min-width:140px}.invitation-page.error,.invitation-page.expired,.invitation-page.loading{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #0097e033;border-radius:50%;border-top-color:#0097e0;display:inline-block;height:50px;margin-bottom:1rem;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.invitation-page{padding:1rem}.invitation-container{padding:1.5rem}.invitation-actions{flex-direction:column;gap:.8rem}.invitation-actions button{width:100%}}