@charset "UTF-8";.toast-container{position:fixed;top:32px;right:32px;z-index:9999;display:flex;flex-direction:column;gap:16px;max-width:400px}.toast{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideInRight .3s ease,fadeIn .3s ease;border-left:4px solid}[data-theme=dark] .toast{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.toast.toast-success{border-left-color:#2ecc71}.toast.toast-success .toast-icon{color:#2ecc71}.toast.toast-error{border-left-color:#e74c3c}.toast.toast-error .toast-icon{color:#e74c3c}.toast.toast-warning{border-left-color:#f39c12}.toast.toast-warning .toast-icon{color:#f39c12}.toast.toast-info{border-left-color:#3498db}.toast.toast-info .toast-icon{color:#3498db}.toast .toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast .toast-message{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.toast .toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.toast .toast-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{top:16px;right:16px;left:16px;max-width:none}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.login-card{width:100%;max-width:440px;background-color:var(--bg-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;animation:slideUp .4s ease-out}[data-theme=dark] .login-card{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.login-header{padding:48px 32px 24px;text-align:center;border-bottom:1px solid var(--border-color)}.login-header .logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.login-header .logo svg{filter:drop-shadow(0 2px 8px rgba(52,152,219,.3))}.login-header h1{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary)}.login-header p{margin:0;font-size:14px;color:var(--text-secondary)}.login-form{padding:32px}.form-group input{width:100%;padding:16px;font-size:16px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;transition-property:border-color,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;box-shadow:0 0 0 3px #3498db40;border-color:#3498db}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:14px}.form-options .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary)}.form-options .checkbox-label input[type=checkbox]{width:auto;cursor:pointer;accent-color:#3498db}.form-options .checkbox-label:hover{color:var(--text-primary)}.form-options .forgot-password{color:#3498db;text-decoration:none;font-weight:500;transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.form-options .forgot-password:hover{color:#217dbb;text-decoration:underline}.login-btn-primary,.btn-google{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:background-color,transform,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.login-btn-primary:active,.btn-google:active{transform:scale(.98)}.login-btn-primary:disabled,.btn-google:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#3498db;color:#fff;margin-bottom:24px}.login-btn-primary:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 12px #3498db66}.login-btn-primary .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.w-full{width:100%}.login-footer{padding:24px 32px;text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.login-footer p{margin:0;font-size:14px;color:var(--text-secondary)}.login-footer .link-button{background:none;border:none;padding:0;color:#3498db;font-weight:600;cursor:pointer;transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.login-footer .link-button:hover{color:#217dbb;text-decoration:underline}@media (min-width: 576px){.login-container{padding:32px}.login-card{max-width:480px}}.register-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.register-card{width:100%;max-width:480px;background-color:var(--bg-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;animation:slideUp .4s ease-out}[data-theme=dark] .register-card{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.register-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid var(--border-color)}.register-header .logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.register-header .logo svg{filter:drop-shadow(0 2px 8px rgba(52,152,219,.3))}.register-header h1{margin:0 0 8px;font-size:24px;font-weight:700;color:var(--text-primary)}.register-header p{margin:0;font-size:14px;color:var(--text-secondary)}.register-form{padding:32px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:16px;font-size:16px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;transition-property:border-color,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.form-group input[type=text]::placeholder,.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder{color:var(--text-muted)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;box-shadow:0 0 0 3px #3498db40;border-color:#3498db}.form-group input[type=text].error,.form-group input[type=email].error,.form-group input[type=password].error{border-color:#e74c3c}.form-group input[type=text].error:focus,.form-group input[type=email].error:focus,.form-group input[type=password].error:focus{box-shadow:0 0 0 3px #e74c3c40}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled,.form-group input[type=password]:disabled{opacity:.6;cursor:not-allowed}.form-group .checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;color:var(--text-secondary);font-size:14px;line-height:1.5}.form-group .checkbox-label input[type=checkbox]{margin-top:2px;width:auto;cursor:pointer;accent-color:#3498db;flex-shrink:0}.form-group .checkbox-label:hover{color:var(--text-primary)}.form-group .checkbox-label .link{color:#3498db;text-decoration:none;font-weight:500}.form-group .checkbox-label .link:hover{text-decoration:underline}.password-strength{margin-top:8px}.password-strength .strength-bar{height:4px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:4px}.password-strength .strength-bar .strength-fill{height:100%;transition-property:width,background-color;transition-duration:.3s ease;transition-timing-function:ease}.password-strength .strength-bar .strength-fill.weak{background-color:#e74c3c}.password-strength .strength-bar .strength-fill.medium{background-color:#f39c12}.password-strength .strength-bar .strength-fill.strong{background-color:#2ecc71}.password-strength .strength-text{font-size:12px;color:var(--text-muted)}.register-btn-primary,.btn-google{width:100%;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:background-color,transform,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.register-btn-primary:active,.btn-google:active{transform:scale(.98)}.register-btn-primary:disabled,.btn-google:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#3498db;color:#fff;margin-bottom:24px}.register-btn-primary:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 12px #3498db66}.register-btn-primary .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.divider{position:relative;text-align:center;margin:24px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border-color)}.divider span{position:relative;padding:0 16px;background-color:var(--bg-primary);color:var(--text-muted);font-size:14px}.btn-google{display:flex;align-items:center;justify-content:center;gap:16px;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-google:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-muted)}.btn-google svg{flex-shrink:0}.register-footer{padding:24px 32px;text-align:center;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.register-footer p{margin:0;font-size:14px;color:var(--text-secondary)}.register-footer .link-button{background:none;border:none;padding:0;color:#3498db;font-weight:600;cursor:pointer;transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.register-footer .link-button:hover{color:#217dbb;text-decoration:underline}@media (min-width: 576px){.register-container{padding:32px}.register-card{max-width:520px}}.theme-toggle{position:fixed;top:24px;right:24px;z-index:1000;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition-property:background-color,transform,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}[data-theme=dark] .theme-toggle{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.theme-toggle:hover{background-color:var(--bg-secondary);transform:scale(1.05);box-shadow:0 6px 12px #00000026}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.theme-toggle:hover svg{transform:rotate(20deg)}@media (min-width: 576px){.theme-toggle{width:52px;height:52px}}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:24px;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{width:100%;max-width:600px;max-height:90vh;background-color:var(--bg-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header .modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-header .modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-form{padding:32px;max-height:calc(90vh - 80px);overflow-y:auto}.error-message{display:flex;align-items:center;gap:8px;padding:16px;margin-bottom:24px;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:14px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group label .required{color:#e74c3c;margin-left:4px}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input[type=text].error,.form-group textarea.error{border-color:#e74c3c}.form-group input[type=text].error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px #e74c3c40}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group .field-error{display:block;margin-top:4px;font-size:12px;color:#e74c3c}.form-group .field-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted);line-height:1.4}.slug-input-wrapper{display:flex;align-items:center;border:1px solid var(--input-border);border-radius:8px;overflow:hidden;transition-property:border-color,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.slug-input-wrapper:focus-within{outline:none;box-shadow:0 0 0 3px #3498db40;border-color:#3498db}.slug-input-wrapper .slug-prefix{padding:16px;background-color:var(--bg-tertiary);color:var(--text-muted);font-size:14px;font-weight:500;border-right:1px solid var(--border-color);white-space:nowrap}.slug-input-wrapper input{flex:1;border:none!important;border-radius:0!important;box-shadow:none!important;font-family:Monaco,Courier New,monospace}.slug-input-wrapper input:focus{outline:none;box-shadow:none!important}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color)}.modal-actions button{min-width:120px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@media (min-width: 576px){.modal-content{max-width:640px}.modal-header,.modal-form{padding:48px}}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-content{background:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.error-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group label .required{color:#ef4444}.form-group input{padding:10px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group input.error{border-color:#ef4444}.form-group input.error:focus{box-shadow:0 0 0 3px #ef44441a}.slug-input-wrapper{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);overflow:hidden;transition:all .2s ease}.slug-input-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.slug-input-wrapper .slug-prefix{padding:10px 12px;color:var(--text-secondary);font-size:14px;white-space:nowrap;border-right:1px solid var(--border-color)}.slug-input-wrapper input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:14px;color:var(--text-primary)}.slug-input-wrapper input:focus{outline:none;box-shadow:none}.slug-input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.field-hint{font-size:12px;color:var(--text-secondary)}.field-error{font-size:12px;color:#ef4444}.modal-actions{display:flex;gap:12px;justify-content:space-between}.modal-actions .action-buttons{display:flex;gap:12px;flex:1;justify-content:flex-end}.btn-primary,.btn-secondary,.btn-danger{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary)}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.delete-confirmation{padding:40px 24px;text-align:center;display:flex;flex-direction:column;gap:16px}.delete-confirmation .delete-icon{display:flex;justify-content:center;margin-bottom:8px}.delete-confirmation .delete-icon svg{color:#ef4444}.delete-confirmation h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.delete-confirmation p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.delete-confirmation p strong{color:var(--text-primary)}.delete-confirmation p.warning-text{color:#ef4444;font-weight:500}.delete-confirmation .modal-actions{justify-content:center;margin-top:8px}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.headfy-onboarding-popover .driver-popover{background:var(--background-secondary, #ffffff);border-radius:16px;box-shadow:0 20px 60px #0003,0 0 0 1px #0000000d;max-width:480px;padding:0;border:1px solid var(--border-color, #e0e0e0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.headfy-onboarding-popover .driver-popover .driver-popover-title{font-size:1.375rem;font-weight:700;color:var(--text-primary, #1a1a1a);padding:2rem 2rem .75rem;margin:0;line-height:1.3;letter-spacing:-.02em}.headfy-onboarding-popover .driver-popover .driver-popover-description{font-size:1rem;color:var(--text-secondary, #666666);padding:0 2rem 2rem;line-height:1.7;margin:0}.headfy-onboarding-popover .driver-popover .driver-popover-footer{padding:1.25rem 2rem;border-top:1px solid var(--border-color, #e0e0e0);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.02));border-radius:0 0 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.headfy-onboarding-popover .driver-popover .driver-popover-progress-text{font-size:.9rem;color:var(--text-tertiary, #999999);font-weight:600;letter-spacing:.02em}.headfy-onboarding-popover .driver-popover .driver-popover-navigation-btns{display:flex;gap:.5rem}.headfy-onboarding-popover .driver-popover .driver-popover-btn{padding:.625rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;letter-spacing:.01em}.headfy-onboarding-popover .driver-popover .driver-popover-btn:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.headfy-onboarding-popover .driver-popover .driver-popover-prev-btn{background:var(--background-tertiary, #f5f5f5);color:var(--text-secondary, #666666);border:1px solid var(--border-color, #e0e0e0)}.headfy-onboarding-popover .driver-popover .driver-popover-prev-btn:hover{background:var(--background-hover, #e8e8e8);border-color:#d0d0d0;transform:translateY(-1px)}.headfy-onboarding-popover .driver-popover .driver-popover-next-btn{background:linear-gradient(135deg,var(--primary-color, #007bff),#0056b3);color:#fff;box-shadow:0 2px 8px #007bff33}.headfy-onboarding-popover .driver-popover .driver-popover-next-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 6px 16px #007bff59}.headfy-onboarding-popover .driver-popover .driver-popover-next-btn:active{transform:translateY(0)}.headfy-onboarding-popover .driver-popover .driver-popover-close-btn{position:absolute;top:1.25rem;right:1.25rem;width:32px;height:32px;border-radius:8px;background:var(--background-tertiary, #f5f5f5);color:var(--text-secondary, #666666);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s ease}.headfy-onboarding-popover .driver-popover .driver-popover-close-btn:hover{background:var(--background-hover, #e8e8e8);color:var(--text-primary, #1a1a1a);transform:rotate(90deg)}.headfy-onboarding-popover .driver-popover .driver-popover-arrow{border-color:var(--background-secondary, #ffffff)}.headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-top{border-top-color:var(--background-secondary, #ffffff)}.headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--background-secondary, #ffffff)}.headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-left{border-left-color:var(--background-secondary, #ffffff)}.headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-right{border-right-color:var(--background-secondary, #ffffff)}.driver-overlay{background-color:#0006!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.driver-active-element{outline:3px solid var(--primary-color, #007bff)!important;outline-offset:5px;border-radius:12px;box-shadow:0 0 0 4px #007bff1a,0 8px 24px #00000026!important}[data-theme=dark] .headfy-onboarding-popover .driver-popover{background:var(--background-secondary, #2a2a2a);border-color:var(--border-color, #404040)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-title{color:var(--text-primary, #ffffff)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-description{color:var(--text-secondary, #b0b0b0)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-footer{border-top-color:var(--border-color, #404040);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.02))}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-progress-text{color:var(--text-tertiary, #808080)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-prev-btn{background:var(--background-tertiary, #3a3a3a);color:var(--text-secondary, #b0b0b0)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-prev-btn:hover{background:var(--background-hover, #4a4a4a)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-close-btn{background:var(--background-tertiary, #3a3a3a);color:var(--text-secondary, #b0b0b0)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-close-btn:hover{background:var(--background-hover, #4a4a4a);color:var(--text-primary, #ffffff)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-arrow{border-color:var(--background-secondary, #2a2a2a)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-top{border-top-color:var(--background-secondary, #2a2a2a)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--background-secondary, #2a2a2a)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-left{border-left-color:var(--background-secondary, #2a2a2a)}[data-theme=dark] .headfy-onboarding-popover .driver-popover .driver-popover-arrow-side-right{border-right-color:var(--background-secondary, #2a2a2a)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.driver-popover{animation:fadeIn .3s ease-out}.organization-selector{position:relative}.organization-selector .organization-selector-button{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:240px}.organization-selector .organization-selector-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.organization-selector .organization-selector-button:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.organization-selector .organization-selector-button .organization-info{display:flex;align-items:center;gap:10px;flex:1}.organization-selector .organization-selector-button .organization-info .organization-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--brand-primary-alpha);border-radius:6px;color:var(--brand-primary)}.organization-selector .organization-selector-button .organization-info .organization-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.organization-selector .organization-selector-button .organization-info .organization-details .organization-name{font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.2}.organization-selector .organization-selector-button .organization-info .organization-details .organization-role{font-size:12px;color:var(--text-secondary);line-height:1.2}.organization-selector .organization-selector-button .chevron{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0}.organization-selector .organization-selector-button .chevron.open{transform:rotate(180deg)}.organization-selector .organization-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:280px;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:1000;animation:slideDown .2s ease;overflow:hidden}.organization-selector .organization-dropdown .organization-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-primary)}.organization-selector .organization-dropdown .organization-dropdown-header span{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.organization-selector .organization-dropdown .organization-dropdown-header .organization-count{background:var(--bg-tertiary);padding:2px 8px;border-radius:12px;font-size:11px;color:var(--text-tertiary)}.organization-selector .organization-dropdown .organization-search{position:relative;padding:12px 16px;border-bottom:1px solid var(--border-primary)}.organization-selector .organization-dropdown .organization-search svg{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.organization-selector .organization-dropdown .organization-search .organization-search-input{width:100%;padding:8px 12px 8px 36px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;font-size:14px;color:var(--text-primary);transition:all .2s ease}.organization-selector .organization-dropdown .organization-search .organization-search-input::placeholder{color:var(--text-tertiary)}.organization-selector .organization-dropdown .organization-search .organization-search-input:focus{outline:none;border-color:var(--brand-primary);background:var(--bg-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.organization-selector .organization-dropdown .organization-search .clear-search{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease}.organization-selector .organization-dropdown .organization-search .clear-search:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.organization-selector .organization-dropdown .organization-list{max-height:320px;overflow-y:auto;padding:8px}.organization-selector .organization-dropdown .organization-list::-webkit-scrollbar{width:6px}.organization-selector .organization-dropdown .organization-list::-webkit-scrollbar-track{background:transparent}.organization-selector .organization-dropdown .organization-list::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.organization-selector .organization-dropdown .organization-list::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.organization-selector .organization-dropdown .organization-list .organization-item-wrapper{display:flex;align-items:center;gap:8px;width:100%}.organization-selector .organization-dropdown .organization-list .organization-item-wrapper .organization-item{flex:1}.organization-selector .organization-dropdown .organization-list .organization-item-wrapper .organization-item-menu{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.organization-selector .organization-dropdown .organization-list .organization-item-wrapper .organization-item-menu:hover{background:var(--bg-secondary);color:var(--text-primary)}.organization-selector .organization-dropdown .organization-list .organization-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.organization-selector .organization-dropdown .organization-list .organization-item:hover{background:var(--bg-secondary)}.organization-selector .organization-dropdown .organization-list .organization-item.active{background:var(--brand-primary-alpha)}.organization-selector .organization-dropdown .organization-list .organization-item.active .organization-item-name{color:var(--brand-primary);font-weight:600}.organization-selector .organization-dropdown .organization-list .organization-item .organization-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-secondary);border-radius:8px;color:var(--text-secondary);flex-shrink:0}.organization-selector .organization-dropdown .organization-list .organization-item.active .organization-item-icon{background:var(--brand-primary);color:#fff}.organization-selector .organization-dropdown .organization-list .organization-item .organization-item-details{display:flex;flex-direction:column;gap:2px;flex:1}.organization-selector .organization-dropdown .organization-list .organization-item .organization-item-details .organization-item-name{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.3}.organization-selector .organization-dropdown .organization-list .organization-item .organization-item-details .organization-item-role{font-size:12px;color:var(--text-secondary);line-height:1.2}.organization-selector .organization-dropdown .organization-list .organization-item .check-icon{color:var(--brand-primary);flex-shrink:0}.organization-selector .organization-dropdown .organization-list .organization-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px;text-align:center}.organization-selector .organization-dropdown .organization-list .organization-empty svg{color:var(--text-tertiary);opacity:.5}.organization-selector .organization-dropdown .organization-list .organization-empty p{margin:0;font-size:14px;color:var(--text-secondary)}.organization-selector .organization-dropdown .organization-btn-new-organization{width:100%;background-color:var(--brand-primary);color:var(--text-primary);font-weight:600;text-align:center;border:none;padding:.6rem 1rem;cursor:pointer;transition:all .2s ease}[data-theme=dark] .organization-selector .organization-dropdown{box-shadow:0 8px 24px #0006}.project-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition-property:transform,box-shadow,border-color;transition-duration:.3s ease;transition-timing-function:ease;cursor:pointer}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3498db4d}[data-theme=dark] .project-card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.project-card:active{transform:translateY(-2px)}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.project-card-header .project-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db1a,#3498db0d);border-radius:8px;color:#3498db}.project-card-header .project-badges{display:flex;gap:4px;flex-wrap:wrap}.badge{padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.badge.badge-owner{background-color:#3498db1a;color:#3498db}.badge.badge-admin{background-color:#2ecc711a;color:#2ecc71}.badge.badge-editor{background-color:#f39c121a;color:#f39c12}.badge.badge-viewer{background-color:#3498db1a;color:#3498db}.badge.badge-starter{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge.badge-professional{background-color:#3498db1a;color:#3498db}.badge.badge-enterprise{background-color:#2c3e501a;color:#2c3e50}.project-card-body{margin-bottom:24px}.project-card-body .project-name{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-body .project-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.project-card-body .project-slug{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);font-family:Monaco,Courier New,monospace}.project-card-body .project-slug svg{flex-shrink:0}.project-card-stats{display:flex;gap:24px;margin-bottom:24px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.project-card-stats .stat{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary)}.project-card-stats .stat svg{flex-shrink:0;color:var(--text-muted)}.project-card-environments{margin-bottom:24px}.project-card-environments .env-label{display:block;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.project-card-environments .env-badges{display:flex;gap:4px;flex-wrap:wrap}.project-card-environments .env-badge{padding:4px 8px;font-size:12px;font-weight:500;border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.project-card-environments .env-badge.active{background-color:#2ecc711a;color:#2ecc71}.project-card-footer{display:flex;justify-content:space-between;align-items:center}.project-card-footer .project-date{font-size:12px;color:var(--text-muted)}.project-card-footer .btn-card-action{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;color:#3498db;background-color:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.project-card-footer .btn-card-action:hover{background-color:#3498db1a;border-color:#3498db33}.project-card-footer .btn-card-action:hover svg{transform:translate(2px)}.project-card-footer .btn-card-action svg{transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}@media (min-width: 576px){.project-card{padding:32px}}.dashboard{min-height:100vh;background-color:var(--bg-secondary)}.dashboard-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}[data-theme=dark] .dashboard-header{box-shadow:0 1px 3px #0000004d}.dashboard-header .header-content{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.dashboard-header .header-left{display:flex;align-items:center;gap:32px}.dashboard-header .header-left .logo{display:flex;align-items:center;gap:16px}.dashboard-header .header-left .logo svg{filter:drop-shadow(0 2px 4px rgba(52,152,219,.2))}.dashboard-header .header-left .logo h1{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.dashboard-header .header-right{display:flex;align-items:center;gap:16px}.dashboard-main{padding:48px 32px}@media (min-width: 768px){.dashboard-main{padding:72px 32px}}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-title{margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-title h2{margin:0 0 4px;font-size:32px;font-weight:700;color:var(--text-primary)}.dashboard-title p{margin:0;font-size:16px;color:var(--text-secondary)}.dashboard-filters-wrapper{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}@media (min-width: 768px){.dashboard-filters-wrapper{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-filters{display:flex;gap:8px;flex-wrap:wrap}.dashboard-filters .filter-btn{padding:8px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dashboard-filters .filter-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.dashboard-filters .filter-btn.active{color:#fff;background-color:#3498db;border-color:#3498db}.dashboard-search{position:relative;display:flex;align-items:center;width:100%}@media (min-width: 768px){.dashboard-search{width:auto;min-width:320px}}.dashboard-search svg:first-child{position:absolute;left:14px;color:var(--text-tertiary);pointer-events:none}.dashboard-search .dashboard-search-input{width:100%;padding:8px 16px 8px 44px;font-size:14px;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dashboard-search .dashboard-search-input::placeholder{color:var(--text-tertiary)}.dashboard-search .dashboard-search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.dashboard-search .clear-search{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dashboard-search .clear-search:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;animation:fadeIn .4s ease}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.loading-state{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:24px;padding:96px;text-align:center}.loading-state p{margin:0;color:var(--text-secondary);font-size:16px}.spinner-large{width:48px;height:48px;border:4px solid var(--bg-tertiary);border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}.empty-state{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:24px;padding:96px;text-align:center;background-color:var(--bg-primary);border-radius:12px;border:2px dashed var(--border-color)}.empty-state h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.btn-primary,.btn-secondary{height:40px;width:max-content;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.create-project-button{background-color:#3498db;color:#fff;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;display:flex;gap:.6rem}.create-project-button:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .create-project-button:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.create-project-button:active:not(:disabled){transform:scale(.98)}.create-project-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--text-muted)}.btn-secondary:active:not(:disabled){transform:scale(.98)}@media (min-width: 576px){.dashboard-header .header-content{padding:24px 32px}.dashboard-title{flex-direction:row;align-items:flex-start}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition-property:width;transition-duration:.3s ease;transition-timing-function:ease;z-index:100}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-header .back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;flex:1}.sidebar-header .back-button:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.sidebar-header .back-button svg{flex-shrink:0}.sidebar.collapsed .sidebar-header .back-button{justify-content:center;padding:8px}.sidebar.collapsed .sidebar-header .back-button span{display:none}.sidebar-header .collapse-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;flex-shrink:0}.sidebar-header .collapse-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-project{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px}.sidebar.collapsed .sidebar-project{justify-content:center;padding:16px}.sidebar-project .project-icon{flex-shrink:0}.sidebar-project .project-icon svg{filter:drop-shadow(0 2px 4px rgba(52,152,219,.2))}.sidebar-project .project-info{flex:1;min-width:0}.sidebar-project .project-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project .project-info .project-env{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;background-color:#2ecc711a;color:#2ecc71;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:16px 0;overflow-y:auto}.sidebar-nav .nav-list{list-style:none;margin:0;padding:0}.sidebar-nav .nav-link{display:flex;align-items:center;gap:16px;padding:16px 24px;margin:0 8px;color:var(--text-secondary);text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;position:relative}.sidebar-nav .nav-link:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sidebar-nav .nav-link.active{background-color:#3498db1a;color:#3498db}.sidebar-nav .nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:#3498db;border-radius:0 4px 4px 0}.sidebar.collapsed .sidebar-nav .nav-link{justify-content:center;padding:16px}.sidebar-nav .nav-link .nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-nav .nav-link .nav-label{flex:1}.sidebar.collapsed .sidebar-nav .nav-link .nav-label{display:none}.sidebar-nav .nav-link .nav-badge{padding:2px 8px;background-color:#e74c3c;color:#fff;border-radius:9999px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.sidebar.collapsed .sidebar-nav .nav-link .nav-badge{position:absolute;top:4px;right:4px}.sidebar-footer{padding:24px;border-top:1px solid var(--border-color)}.sidebar.collapsed .sidebar-footer{display:none}.sidebar-footer .usage-info .usage-item{margin-bottom:16px}.sidebar-footer .usage-info .usage-item:last-child{margin-bottom:0}.sidebar-footer .usage-info .usage-label{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-footer .usage-info .usage-bar{height:6px;background-color:var(--bg-tertiary);border-radius:9999px;overflow:hidden;margin-bottom:4px}.sidebar-footer .usage-info .usage-bar .usage-fill{height:100%;background:linear-gradient(90deg,#3498db,#5faee3);border-radius:9999px;transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.sidebar-footer .usage-info .usage-text{font-size:12px;color:var(--text-muted)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.environment-selector{position:relative;z-index:100}.env-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;font-size:14px;font-weight:500;color:var(--text-primary)}.env-button:hover{background-color:var(--bg-primary);border-color:var(--env-color);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .env-button:hover{box-shadow:0 1px 3px #0000004d}.env-button .env-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.env-button .env-label{white-space:nowrap}.env-button .env-chevron{transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.env-button .env-chevron.open{transform:rotate(180deg)}.env-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideDown .2s ease;overflow:hidden}[data-theme=dark] .env-dropdown{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.env-dropdown .env-dropdown-header{padding:16px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.env-dropdown .env-dropdown-header span{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.env-dropdown .env-dropdown-list{padding:8px;max-height:300px;overflow-y:auto}.env-dropdown .env-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background-color:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;text-align:left}.env-dropdown .env-option:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}.env-dropdown .env-option.active{background-color:rgba(var(--brand-primary-rgb),.1);border-color:rgba(var(--brand-primary-rgb),.3)}.env-dropdown .env-option.active .env-option-label{color:#3498db;font-weight:600}.env-dropdown .env-option.active svg{color:#3498db}.env-dropdown .env-option .env-option-left{display:flex;align-items:center;gap:16px;flex:1}.env-dropdown .env-option .env-option-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.env-dropdown .env-option .env-option-info{flex:1;min-width:0}.env-dropdown .env-option .env-option-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.env-dropdown .env-option .env-option-url{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-dropdown .env-dropdown-footer{padding:16px 24px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.env-dropdown .env-dropdown-footer .env-warning{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.env-dropdown .env-dropdown-footer .env-warning svg{flex-shrink:0;color:#f39c12}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.env-button .env-label{display:none}.env-dropdown{right:auto;left:0;width:280px}}.project-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:50}[data-theme=dark] .project-header{box-shadow:0 1px 3px #0000004d}.project-header .header-content{padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.project-header .header-left{flex:1;min-width:0}.project-header .header-left .page-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-header .header-right{display:flex;align-items:center;gap:16px}.user-menu .user-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.user-menu .user-button:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.user-menu .user-button .user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db,#5faee3);color:#fff;border-radius:9999px;font-size:14px;font-weight:700}.user-menu .user-button .user-name{font-size:14px;font-weight:500;color:var(--text-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-logout:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}@media (max-width: 768px){.project-header .header-content{padding:16px 24px}.project-header .user-name{display:none}}.project-layout{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.project-content{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:280px;transition-property:margin-left;transition-duration:.3s ease;transition-timing-function:ease}.sidebar.collapsed~.project-content{margin-left:80px}.project-main{flex:1;padding:32px;overflow-y:auto}@media (min-width: 768px){.project-main{padding:48px}}@media (max-width: 768px){.project-content{margin-left:0}.sidebar{position:fixed;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:32px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.modal-header .btn-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-header .btn-close:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.modal-header .btn-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:32px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form-group{margin-bottom:32px}.form-group input,.form-group select{width:100%;padding:16px;font-size:16px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus{box-shadow:0 1px 3px #0000004d}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder,.form-group select::placeholder{color:var(--text-muted)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}.form-group .field-hint{margin-top:4px;font-size:12px;color:var(--text-muted);line-height:1.4}.loading-templates{display:flex;align-items:center;gap:8px;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px}.loading-templates svg{flex-shrink:0;color:#3498db}.error-message{display:flex;align-items:flex-start;gap:8px;padding:16px;margin-bottom:24px;background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:14px;line-height:1.5}.error-message svg{flex-shrink:0;margin-top:2px}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.modal-actions button{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-actions button svg{flex-shrink:0}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.modal-actions .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.modal-actions .btn-primary{background-color:#3498db;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .modal-actions .btn-primary:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}@media (max-width: 768px){.modal-content{width:95%;max-width:none;max-height:95vh}.modal-header,.modal-body{padding:24px}}.search-bar{position:relative;display:flex;align-items:center;width:100%;max-width:400px;background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:8px 16px;gap:8px;transition-property:border-color,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.search-bar:focus-within{outline:none;box-shadow:0 0 0 3px #3498db40;border-color:#3498db}.search-bar svg:first-child{flex-shrink:0;color:var(--text-muted)}.search-bar input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none;min-width:0}.search-bar input::placeholder{color:var(--text-muted)}.search-bar .clear-button{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.search-bar .clear-button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}@media (max-width: 768px){.search-bar{max-width:100%}}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-badge.status-badge-small{padding:2px 8px;font-size:10px;gap:2px}.status-badge.status-badge-small .status-icon{font-size:10px}.status-badge .status-icon{font-size:12px;line-height:1}.status-badge .status-label{line-height:1}.status-badge.status-published{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.status-draft{background-color:#fbbf241a;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.status-badge.status-archived{background-color:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.status-badge.status-default{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.pages-header{display:flex;justify-content:space-between;margin-bottom:24px;gap:24px}.new-page-btn{width:max-content!important}.pages-table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .pages-table-container{box-shadow:0 1px 3px #0000004d}.pages-table{width:100%;border-collapse:collapse}.pages-table thead{background-color:transparent;border-bottom:1px solid var(--border-color)}.pages-table thead th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pages-table tbody tr{border-bottom:1px solid var(--border-color);transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.pages-table tbody tr:hover{background-color:var(--bg-secondary)}.pages-table tbody tr:last-child{border-bottom:none}.pages-table tbody td{padding:24px;font-size:14px;color:var(--text-primary)}.pages-table tbody td.page-title{font-weight:600}.pages-table tbody td.page-slug{font-family:Monaco,Courier New,monospace;color:var(--text-secondary);font-size:12px}.pages-table tbody td.page-date{color:var(--text-secondary);font-size:12px}.status-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.status-badge.published{background-color:#2ecc711a;color:#2ecc71}.status-badge.draft{background-color:#f39c121a;color:#f39c12}.status-badge.scheduled{background-color:#3498db1a;color:#3498db}.action-buttons{display:flex;gap:4px}.dropdown-menu-wrapper{position:relative}.dropdown-overlay{position:fixed;inset:0;z-index:998;pointer-events:auto}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;animation:slideDown .15s ease;overflow:hidden}[data-theme=dark] .dropdown-menu{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.dropdown-menu .dropdown-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;color:var(--text-primary);background-color:transparent;border:none;border-top:1px solid transparent;text-align:left;cursor:pointer;pointer-events:auto;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dropdown-menu .dropdown-item svg{flex-shrink:0;color:var(--text-secondary)}.dropdown-menu .dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-menu .dropdown-item:hover svg{color:var(--text-primary)}.dropdown-menu .dropdown-item:active{background-color:var(--bg-tertiary)}.dropdown-menu .dropdown-item.dropdown-item-danger{border-top:1px solid var(--border-color);margin-top:4px;color:#e74c3c}.dropdown-menu .dropdown-item.dropdown-item-danger svg{color:#e74c3c}.dropdown-menu .dropdown-item.dropdown-item-danger:hover{background-color:#e74c3c1a;color:#e74c3c}.dropdown-menu .dropdown-item.dropdown-item-danger:hover svg{color:#e74c3c}.modal-content .modal-body .form-group input,.modal-content .modal-body .form-group select{width:100%;padding:16px;font-size:14px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-body .form-group input:focus,.modal-content .modal-body .form-group select:focus{outline:none;border-color:#3498db}.modal-content .modal-body .form-group .form-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted);font-style:italic}.modal-content .modal-footer button.btn-primary:hover:not(:disabled){background-color:#2383c4}.modal-content .modal-footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 992px){.pages-table-container{overflow-x:auto}.pages-table{min-width:800px}}@media (max-width: 768px){.pages-table-container{overflow-x:auto}.pages-table{min-width:800px}.modal-content{width:95%;margin:16px}}.status-badge.clickable{cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.status-badge.clickable:hover{transform:scale(1.05);opacity:.9}.modal-confirm{max-width:400px}.modal-confirm .confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modal-confirm .confirm-icon svg{color:#e74c3c}.modal-confirm .warning-text{color:#e74c3c;font-weight:500}.modal-large{max-width:700px}.modal-large .modal-description{margin:0 0 24px;font-size:14px;color:var(--text-secondary);text-align:center}.modal-large textarea{resize:vertical;font-family:inherit}.modal-preview{max-width:90vw;max-height:90vh;height:90vh}.modal-preview .modal-body.preview-body{padding:0;height:calc(90vh - 120px);display:flex;flex-direction:column}.modal-preview .preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.modal-preview .preview-toolbar .preview-url{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.modal-preview .preview-toolbar .preview-devices{display:flex;gap:4px}.modal-preview .preview-toolbar .preview-devices .device-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-preview .preview-toolbar .preview-devices .device-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.modal-preview .preview-toolbar .preview-devices .device-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.modal-preview .preview-frame{flex:1;background-color:#fff}.versions-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.versions-list .version-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.versions-list .version-item:hover{border-color:var(--text-muted)}.versions-list .version-item .version-info{flex:1}.versions-list .version-item .version-info .version-number{font-size:12px;font-weight:700;color:#3498db;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.versions-list .version-item .version-info .version-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.versions-list .version-item .version-info .version-meta{font-size:12px;color:var(--text-muted)}.versions-list .version-item .btn-restore{padding:8px 16px;font-size:14px;font-weight:500;color:#3498db;background-color:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.versions-list .version-item .btn-restore:hover{background-color:#3498db26;border-color:#3498db4d}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center}.empty-state svg{color:var(--text-muted);margin-bottom:16px}.empty-state p{margin:0;color:var(--text-muted);font-size:14px}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#df2e1b}.component-content-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .component-content-modal{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.component-content-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.component-content-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.component-content-modal .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.component-content-modal .modal-body{flex:1;overflow-y:auto;padding:32px}.component-content-modal .modal-body .no-fields{text-align:left;padding:32px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.component-content-modal .modal-body .no-fields p{margin:0 0 16px;color:var(--text-primary);line-height:1.6}.component-content-modal .modal-body .no-fields p:first-child{font-size:16px;margin-bottom:24px}.component-content-modal .modal-body .no-fields ol{margin:16px 0;padding-left:32px;color:var(--text-primary)}.component-content-modal .modal-body .no-fields ol li{margin:8px 0;line-height:1.6}.component-content-modal .modal-body .no-fields strong{color:var(--text-primary)}.component-content-modal .modal-body form{display:flex;flex-direction:column;gap:24px}.component-content-modal .modal-body .form-field{display:flex;flex-direction:column;gap:8px}.component-content-modal .modal-body .form-field label{font-size:14px;font-weight:500;color:var(--text-primary)}.component-content-modal .modal-body .form-field label .required{color:#e74c3c;margin-left:4px}.component-content-modal .modal-body .form-field input[type=text],.component-content-modal .modal-body .form-field input[type=number],.component-content-modal .modal-body .form-field input[type=date],.component-content-modal .modal-body .form-field input[type=url],.component-content-modal .modal-body .form-field textarea,.component-content-modal .modal-body .form-field select{padding:8px 16px;font-size:14px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;font-family:inherit;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal .modal-body .form-field input[type=text]:focus,.component-content-modal .modal-body .form-field input[type=number]:focus,.component-content-modal .modal-body .form-field input[type=date]:focus,.component-content-modal .modal-body .form-field input[type=url]:focus,.component-content-modal .modal-body .form-field textarea:focus,.component-content-modal .modal-body .form-field select:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .component-content-modal .modal-body .form-field input[type=text]:focus,[data-theme=dark] .component-content-modal .modal-body .form-field input[type=number]:focus,[data-theme=dark] .component-content-modal .modal-body .form-field input[type=date]:focus,[data-theme=dark] .component-content-modal .modal-body .form-field input[type=url]:focus,[data-theme=dark] .component-content-modal .modal-body .form-field textarea:focus,[data-theme=dark] .component-content-modal .modal-body .form-field select:focus{box-shadow:0 1px 3px #0000004d}.component-content-modal .modal-body .form-field textarea{resize:vertical;min-height:100px}.component-content-modal .modal-body .form-field.checkbox-field{flex-direction:row;align-items:center}.component-content-modal .modal-body .form-field.checkbox-field label{display:flex;align-items:center;gap:8px;cursor:pointer}.component-content-modal .modal-body .form-field.checkbox-field label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.component-content-modal .modal-body .form-field.object-field{padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.component-content-modal .modal-body .form-field.object-field .object-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.component-content-modal .modal-body .form-field.object-field .object-fields{display:flex;flex-direction:column;gap:16px}.component-content-modal .modal-body .form-field .image-preview{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.component-content-modal .modal-body .form-field .image-preview img{width:100%;max-height:200px;object-fit:cover}.component-content-modal .modal-body .form-field.array-field{padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.component-content-modal .modal-body .form-field.array-field .array-label{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:block}.component-content-modal .modal-body .form-field.array-field .array-items{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.component-content-modal .modal-body .form-field.array-field .array-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-header span{font-size:14px;font-weight:600;color:var(--text-secondary)}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-header .btn-remove-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:#e74c3c;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-header .btn-remove-item:hover{background-color:#e74c3c1a;border-color:#e74c3c}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-header .btn-remove-item svg{width:14px;height:14px}.component-content-modal .modal-body .form-field.array-field .array-item .array-item-fields{display:flex;flex-direction:column;gap:16px}.component-content-modal .modal-body .form-field.array-field .btn-add-item{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;background-color:transparent;color:#3498db;border:1px dashed #3498db;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal .modal-body .form-field.array-field .btn-add-item:hover{background-color:#3498db0d;border-style:solid}.component-content-modal .modal-body .form-field.array-field .btn-add-item svg{width:16px;height:16px}.component-content-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:24px 32px;border-top:1px solid var(--border-color)}.component-content-modal .modal-footer .btn-secondary,.component-content-modal .modal-footer .btn-primary{padding:8px 24px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-content-modal .modal-footer .btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.component-content-modal .modal-footer .btn-secondary:hover{background-color:var(--bg-secondary)}.component-content-modal .modal-footer .btn-primary{background-color:#3498db;color:#fff;border:none}.component-content-modal .modal-footer .btn-primary:hover{background-color:#2383c4}.page-editor{height:100%;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.hint{margin-top:16px;color:#9d9fa4;font-weight:600}.hint strong{font-size:14px;color:#fff;font-weight:400}.version-selector{display:flex;align-items:center;gap:2px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:2px}.version-badges{display:flex;align-items:center;gap:4px;margin-right:8px}.version-badges .badge{text-align:center;width:100%;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;border-radius:4px;white-space:nowrap;margin-top:8px;justify-content:center}.version-badges .badge svg{width:12px;height:12px}.version-badges .badge.badge-draft{background-color:#fbbf241a;color:#f59e0b;border:1px solid rgba(251,191,36,.3)}.version-badges .badge.badge-published{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.version-badges .badge.badge-unsaved{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-secondary-page{height:45px;width:100%;text-wrap:nowrap;display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-secondary-page:hover{background-color:var(--bg-secondary);border-color:#3498db;color:#3498db}.btn-secondary-page svg{flex-shrink:0}.btn-primary-page{width:100%;height:45px;display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary-page:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .btn-primary-page:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.btn-primary-page:disabled{opacity:.6;cursor:not-allowed}.version-option{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;white-space:nowrap}.version-option svg{width:14px;height:14px;opacity:.6}.version-option .version-number{font-size:10px;padding:2px 6px;background-color:#0000000d;border-radius:9999px;margin-left:2px}.version-option:hover:not(:disabled){color:var(--text-primary);background-color:#00000008}.version-option:hover:not(:disabled) svg{opacity:1}.version-option.active{color:#3498db;background-color:#3b82f61a}.version-option.active svg{opacity:1}.version-option.active .version-number{background-color:#3b82f626;color:#3498db}.version-option:disabled{opacity:.4;cursor:not-allowed}.editor-header .header-info{flex:1;display:flex;align-items:center;gap:16px}.editor-header .header-info .page-title-section{display:flex;flex-direction:column;gap:4px}.editor-header .header-info h1{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);transition:opacity .2s}.editor-header .header-info h1:hover{opacity:.8}.editor-header .header-info .page-name-input{margin:0;padding:8px 12px;font-size:24px;font-weight:700;color:var(--text-primary);background-color:var(--bg-primary);border:2px solid #3498db;border-radius:8px;outline:none;min-width:300px}.editor-header .header-info .page-name-input:focus{border-color:#5faee3}.editor-header .header-info .page-slug{font-size:12px;color:var(--text-secondary);font-family:Monaco,Courier New,monospace;background-color:var(--bg-secondary);padding:4px 8px;border-radius:4px;border:1px solid var(--border-color);display:inline-block;width:fit-content}.editor-header .header-info .status-badge{padding:4px 12px;font-size:12px;font-weight:600;border-radius:9999px;text-transform:uppercase}.editor-header .header-info .status-badge.status-published{background-color:#10b9811a;color:#10b981}.editor-header .header-info .status-badge.status-draft{background-color:#fbbf241a;color:#fbbf24}.editor-header .header-actions{display:flex;align-items:center;gap:8px}.canvas-buttons{display:flex;gap:8px}.editor-content-page{flex:1;display:grid;grid-template-columns:1fr 280px;gap:16px;overflow:hidden;background-color:var(--bg-secondary)}.page-canvas{display:flex;flex-direction:column;overflow:hidden}.page-canvas .canvas-header{display:flex;justify-content:space-between;padding:24px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.page-canvas .canvas-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.page-canvas .canvas-content-page{flex:1;overflow-y:auto;padding:32px;background-color:#323742;border:2px dashed #8992a5;margin-top:24px}.page-canvas .empty-canvas{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center;min-height:400px}.page-canvas .empty-canvas svg{color:var(--text-muted)}.page-canvas .empty-canvas p{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.page-canvas .empty-canvas span{font-size:14px;color:var(--text-secondary)}.page-component{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:grab;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;margin-bottom:8px}.page-component:hover{border-color:#3498db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .page-component:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.page-component:hover .component-actions{opacity:1}.page-component:active{cursor:grabbing}.page-component .component-order{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#3498db;color:#fff;border-radius:9999px;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.page-component .component-content{flex:1;display:flex;align-items:center;gap:16px}.page-component .component-content .component-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:4px;color:#3498db;flex-shrink:0}.page-component .component-content .component-icon svg{width:20px;height:20px}.page-component .component-content .component-info{flex:1}.page-component .component-content .component-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.page-component .component-content .component-info .content-status{font-size:12px;color:var(--text-muted)}.page-component .component-actions{display:flex;gap:8px;opacity:0;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.page-component .component-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.page-component .component-actions button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.page-component .component-actions button.btn-edit:hover{background-color:#3498db1a;border-color:#3498db4d;color:#3498db}.page-component .component-actions button.btn-remove:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.page-component .component-actions .drag-handle{cursor:grab}.page-component .component-actions .drag-handle:active{cursor:grabbing}.components-panel{display:flex;height:300px;flex-direction:column;padding:16px 24px;background-color:var(--bg-primary);border-left:1px solid var(--border-color);overflow:hidden}.btn-add-content-type{display:flex;height:45px;align-items:center;text-wrap:nowrap;justify-content:center;gap:8px;padding:16px;margin-bottom:16px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-add-content-type:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .btn-add-content-type:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.btn-add-content-type svg{flex-shrink:0}.add-contenttype-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.add-contenttype-modal{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease}[data-theme=dark] .add-contenttype-modal{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.add-contenttype-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.add-contenttype-modal .modal-header h3{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.add-contenttype-modal .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.add-contenttype-modal .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.add-contenttype-modal .modal-body{padding:32px}.add-contenttype-modal .modal-body .modal-description{margin:0 0 32px;font-size:16px;color:var(--text-secondary)}.contenttypes-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.contenttype-modal-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;text-align:center}.contenttype-modal-card:hover{border-color:#3498db;background-color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .contenttype-modal-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.contenttype-modal-card .contenttype-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#3498db1a;border-radius:8px;color:#3498db}.contenttype-modal-card .contenttype-icon svg{width:24px;height:24px}.contenttype-modal-card .contenttype-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.contenttype-modal-card .contenttype-info p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.panel-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.components-panel .btn-secondary-page,.components-panel .btn-primary-page{min-height:44px}.page-preview-container{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .3s ease}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:24px;flex-wrap:wrap}.preview-header .header-left{display:flex;align-items:center;gap:24px}.preview-header .header-left .btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.preview-header .header-left .btn-back:hover{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-muted)}.preview-header .header-left .btn-back svg{flex-shrink:0}.preview-header .header-left .header-info h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.preview-header .header-left .header-info p{margin:0;font-size:14px;color:var(--text-secondary)}.preview-header .header-actions{display:flex;gap:16px}.preview-header .header-actions button{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.preview-header .header-actions button svg{flex-shrink:0}.preview-header .header-actions button.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.preview-header .header-actions button.btn-secondary:hover{background-color:var(--bg-primary);border-color:var(--text-muted)}.preview-header .header-actions button.btn-primary{background-color:#3498db;color:#fff}.preview-header .header-actions button.btn-primary:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .preview-header .header-actions button.btn-primary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.preview-content{display:flex;flex-direction:column;gap:32px}.json-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.json-info .info-card{padding:24px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.json-info .info-card:hover{border-color:var(--text-muted);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .json-info .info-card:hover{box-shadow:0 1px 3px #0000004d}.json-info .info-card .info-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.json-info .info-card .info-value{font-size:20px;font-weight:700;color:var(--text-primary)}.json-info .info-card .info-value .status-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px}.json-info .info-card .info-value .status-badge.published{background-color:#2ecc711a;color:#2ecc71}.json-info .info-card .info-value .status-badge.draft{background-color:#f39c121a;color:#f39c12}.json-viewer{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .json-viewer{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.json-viewer .viewer-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.json-viewer .viewer-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.json-viewer .viewer-header .viewer-stats{font-size:12px;color:var(--text-muted)}.json-viewer .json-code{padding:0;overflow:hidden}.json-viewer .json-code pre.shiki{margin:0;padding:32px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:14px;line-height:1.6;max-height:600px;overflow:auto;border-radius:0 0 12px 12px}.loading-state,.error-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:48px;min-height:400px;text-align:center}.loading-state svg,.error-state svg{color:var(--text-muted)}.loading-state svg.spinning,.error-state svg.spinning{animation:spin 1s linear infinite}.loading-state p,.error-state p{margin:0;font-size:18px;color:var(--text-secondary)}.loading-state h3,.error-state h3{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.loading-state button,.error-state button{margin-top:16px}@media (max-width: 768px){.page-preview-container{padding:16px}.preview-header{flex-direction:column;align-items:flex-start}.preview-header .header-left{flex-direction:column;align-items:flex-start;width:100%}.preview-header .header-actions{width:100%}.preview-header .header-actions button{flex:1}.json-info{grid-template-columns:1fr}.json-code{font-size:12px;padding:16px}}.content-migration-container{max-width:1200px;margin:0 auto;padding:32px;animation:fadeIn .3s ease}.migration-header{margin-bottom:32px}.migration-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.migration-header p{margin:0;font-size:14px;color:var(--text-secondary)}.migration-content{display:flex;flex-direction:column;gap:32px}.env-selector-section{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:end}.env-selector-section .env-selector-card{display:flex;flex-direction:column;gap:8px;padding:24px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.env-selector-section .env-selector-card:hover{border-color:var(--text-muted);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .env-selector-section .env-selector-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.env-selector-section .env-selector-card label{font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.env-selector-section .env-selector-card select{padding:16px;font-size:16px;font-weight:600;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.env-selector-section .env-selector-card select:hover:not(:disabled){border-color:#3498db}.env-selector-section .env-selector-card select:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .env-selector-section .env-selector-card select:focus{box-shadow:0 1px 3px #0000004d}.env-selector-section .env-selector-card select:disabled{opacity:.5;cursor:not-allowed}.env-selector-section .env-arrow{display:flex;align-items:center;justify-content:center;color:#3498db;animation:pulse 2s ease-in-out infinite}.env-selector-section .env-arrow svg{filter:drop-shadow(0 0 8px rgba(52,152,219,.3))}.migration-items-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.migration-items-section .items-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.migration-items-section .items-header .items-header-left{display:flex;align-items:center;gap:16px}.migration-items-section .items-header .items-header-left input[type=checkbox]{width:18px;height:18px;cursor:pointer}.migration-items-section .items-header .items-header-left h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.migration-items-section .items-header .items-header-right .selected-count{padding:4px 16px;font-size:14px;font-weight:600;color:#3498db;background-color:#3498db1a;border-radius:4px}.migration-items-section .items-list{padding:16px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.migration-items-section .item-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-secondary);border:2px solid transparent;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.migration-items-section .item-card:hover{background-color:var(--bg-primary);border-color:var(--border-color)}.migration-items-section .item-card.selected{background-color:#3498db0d;border-color:#3498db4d}.migration-items-section .item-card.selected .item-title{color:#3498db;font-weight:600}.migration-items-section .item-card input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.migration-items-section .item-card .item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);flex-shrink:0}.migration-items-section .item-card .item-info{flex:1;min-width:0}.migration-items-section .item-card .item-info .item-title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.migration-items-section .item-card .item-info .item-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-muted)}.migration-items-section .item-card .item-info .item-meta .item-type{padding:2px 8px;background-color:#3498db1a;color:#3498db;border-radius:4px;font-weight:500}.migration-items-section .item-card .item-info .item-meta .item-slug{font-family:monospace}.migration-actions{display:flex;justify-content:flex-end;gap:16px}.migration-actions button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.migration-actions button:disabled{opacity:.5;cursor:not-allowed}.migration-actions button svg{flex-shrink:0}.migration-actions button.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.migration-actions button.btn-secondary:hover:not(:disabled){background-color:var(--bg-primary);border-color:var(--text-muted)}.migration-actions button.btn-primary{background-color:#3498db;color:#fff}.migration-actions button.btn-primary:hover:not(:disabled){background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .migration-actions button.btn-primary:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.migration-actions button.btn-primary.btn-danger{background-color:#e74c3c}.migration-actions button.btn-primary.btn-danger:hover:not(:disabled){background-color:#df2e1b}.migration-log{background-color:#1e1e1e;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .migration-log{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.migration-log .log-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background-color:#2d2d2d;border-bottom:1px solid #3d3d3d}.migration-log .log-header h3{margin:0;font-size:16px;font-weight:600;color:#d4d4d4}.migration-log .log-header .btn-clear-log{padding:4px 8px;font-size:12px;font-weight:500;color:#d4d4d4;background-color:transparent;border:1px solid #3d3d3d;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.migration-log .log-header .btn-clear-log:hover:not(:disabled){background-color:#3d3d3d}.migration-log .log-header .btn-clear-log:disabled{opacity:.5;cursor:not-allowed}.migration-log .log-content{padding:16px;max-height:300px;overflow-y:auto;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;line-height:1.6}.migration-log .log-content .log-line{color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word}.migration-log .log-content .log-line:empty{height:.5em}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{width:90%;max-width:500px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease}.modal-content.modal-confirm .confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modal-content.modal-confirm .confirm-icon svg{color:#f39c12}.modal-content.modal-confirm .warning-text{color:#e74c3c;font-weight:600;margin-top:16px}.modal-content .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-body{padding:32px;text-align:center}.modal-content .modal-body p{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.modal-content .modal-body p:last-child{margin-bottom:0}.modal-content .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);gap:16px}.modal-content .modal-footer button.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-content .modal-footer button.btn-secondary:hover{background-color:var(--bg-secondary)}.modal-content .modal-footer button.btn-primary.btn-danger{background-color:#e74c3c}.modal-content .modal-footer button.btn-primary.btn-danger:hover{background-color:#df2e1b}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width: 768px){.content-migration-container{padding:16px}.env-selector-section{grid-template-columns:1fr;gap:16px}.env-selector-section .env-arrow{transform:rotate(90deg)}.migration-actions{flex-direction:column}.migration-actions button{width:100%}.modal-content{width:95%;margin:16px}}.analytics-container{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .3s ease}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.analytics-header .header-left h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.analytics-header .header-left p{margin:0;color:var(--text-secondary)}.analytics-header .header-left .analytics-warning{margin-top:16px;padding:8px 16px;background:#f39c121a;border-left:3px solid #f39c12;border-radius:4px}.analytics-header .header-left .analytics-warning span{font-size:14px;color:#f39c12}.analytics-header .header-right{display:flex;gap:16px;align-items:center}.analytics-header .header-right .btn-settings{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.analytics-header .header-right .btn-settings:hover{background:var(--bg-tertiary);box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}[data-theme=dark] .analytics-header .header-right .btn-settings:hover{box-shadow:0 1px 3px #0000004d}.analytics-header .header-right .env-indicator{padding:4px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:600}.analytics-header .header-right .time-range-select{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer}.analytics-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid var(--border-color)}.analytics-tabs .tab-btn{padding:16px 24px;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.analytics-tabs .tab-btn:hover{color:var(--text-primary)}.analytics-tabs .tab-btn.active{color:#3498db;border-bottom-color:#3498db}.analytics-content{display:flex;flex-direction:column;gap:32px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.kpi-card{padding:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.kpi-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--text-muted)}[data-theme=dark] .kpi-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.kpi-card .kpi-label{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.kpi-card .kpi-value{font-size:32px;font-weight:700;color:var(--text-primary);margin:8px 0}.kpi-card .kpi-trend{font-size:14px;font-weight:500}.kpi-card .kpi-trend.positive{color:#2ecc71}.kpi-card .kpi-trend.negative{color:#e74c3c}.kpi-card .kpi-trend.neutral{color:var(--text-muted)}.chart-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.chart-card h3{margin:0 0 24px;font-size:18px;color:var(--text-primary)}.chart-card .chart-content{display:flex;gap:16px;align-items:flex-end;height:200px}.chart-card .chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-card .chart-bar{width:100%;background:linear-gradient(180deg,#3498db,#217dbb);border-radius:4px 4px 0 0;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.chart-card .chart-bar:hover{opacity:.8}.chart-card .chart-label{font-size:12px;color:var(--text-muted)}.table-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.table-card h3{margin:0 0 24px;font-size:18px;color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-secondary)}.data-table thead th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.data-table tbody tr{border-bottom:1px solid var(--border-color);transition-property:background;transition-duration:.3s ease;transition-timing-function:ease}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody td{padding:16px;color:var(--text-primary)}.trend-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.trend-badge.positive{background:#2ecc711a;color:#2ecc71}.trend-badge.negative{background:#e74c3c1a;color:#e74c3c}.env-performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.env-card{padding:24px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.env-card h4{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text-primary)}.env-card .env-metrics{display:flex;flex-direction:column;gap:8px}.env-card .env-metrics .metric{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-color)}.env-card .env-metrics .metric:last-child{border-bottom:none}.env-card .env-metrics .metric span{font-size:14px;color:var(--text-muted)}.env-card .env-metrics .metric strong{font-size:16px;color:var(--text-primary)}.usage-header{display:flex;justify-content:space-between;align-items:center;padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.usage-header h3{margin:0;font-size:20px;color:var(--text-primary)}.usage-header .total-cost{font-size:32px;font-weight:700;color:#3498db}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.usage-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.usage-card h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.usage-card p{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.usage-card .usage-progress{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:16px}.usage-card .usage-progress .usage-progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#217dbb);transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.usage-card .usage-footer{display:flex;justify-content:space-between;font-size:14px}.usage-card .usage-footer span:first-child{color:var(--text-muted)}.usage-card .usage-footer span:last-child{color:var(--text-primary);font-weight:600}.loading-state{display:flex;justify-content:center;align-items:center;padding:48px}.loading-state p{font-size:18px;color:var(--text-muted);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.analytics-container{padding:16px}.analytics-header{flex-direction:column;align-items:flex-start;gap:16px}.kpi-grid,.env-performance-grid,.usage-grid{grid-template-columns:1fr}}.section-header{margin-bottom:24px}.section-header h3{margin:0 0 4px;font-size:20px;font-weight:700;color:var(--text-primary)}.section-header p{margin:0;color:var(--text-secondary);font-size:14px}.empty-state{padding:32px;text-align:center;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.empty-state p{margin:0;color:var(--text-secondary);font-size:16px}.clicks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.click-card{padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.click-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}[data-theme=dark] .click-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.click-card .click-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.click-card .click-header .click-target{font-weight:600;color:var(--text-primary);font-size:16px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.click-card .click-header .click-percentage{font-weight:700;color:#3498db;font-size:18px}.click-card .click-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.click-card .click-metrics .metric{text-align:center}.click-card .click-metrics .metric span{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.click-card .click-metrics .metric strong{display:block;font-size:16px;color:var(--text-primary);font-weight:700}.click-card .click-bar{height:8px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.click-card .click-bar .click-bar-fill{height:100%;background:linear-gradient(90deg,#3498db,#2c3e50);transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.funnel-container{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.funnel-step{display:flex;gap:16px;align-items:flex-start}.funnel-step .funnel-step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .funnel-step .funnel-step-number{box-shadow:0 1px 3px #0000004d}.funnel-step .funnel-step-content{flex:1;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.funnel-step .funnel-step-content .funnel-step-header{margin-bottom:16px}.funnel-step .funnel-step-content .funnel-step-header h4{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-primary)}.funnel-step .funnel-step-content .funnel-step-header .funnel-path{font-size:14px;color:var(--text-secondary);font-family:monospace}.funnel-step .funnel-step-content .funnel-metrics{display:flex;gap:24px;margin-bottom:16px}.funnel-step .funnel-step-content .funnel-metrics>div{display:flex;flex-direction:column;gap:4px}.funnel-step .funnel-step-content .funnel-metrics>div .metric-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.funnel-step .funnel-step-content .funnel-metrics>div .metric-value{font-size:20px;font-weight:700}.funnel-step .funnel-step-content .funnel-metrics>div .metric-value.positive{color:#2ecc71}.funnel-step .funnel-step-content .funnel-metrics>div .metric-value.negative{color:#e74c3c}.funnel-step .funnel-step-content .funnel-bar{height:12px;background:var(--bg-tertiary);border-radius:9999px;overflow:hidden}.funnel-step .funnel-step-content .funnel-bar .funnel-bar-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#10b981);transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.event-card{padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.event-card h4{margin:0 0 16px;font-size:18px;font-weight:700;color:var(--text-primary);text-transform:capitalize}.event-card .event-stats{display:flex;gap:24px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.event-card .event-stats .stat{display:flex;flex-direction:column;gap:4px}.event-card .event-stats .stat span{font-size:12px;color:var(--text-secondary)}.event-card .event-stats .stat strong{font-size:18px;color:var(--text-primary);font-weight:700}.event-card .event-targets h5{margin:0 0 8px;font-size:14px;color:var(--text-secondary);font-weight:500}.event-card .event-targets ul{list-style:none;padding:0;margin:0}.event-card .event-targets ul li{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border-color)}.event-card .event-targets ul li:last-child{border-bottom:none}.event-card .event-targets ul li span{font-size:14px;color:var(--text-primary)}.event-card .event-targets ul li span.count{font-weight:700;color:#3498db}.journeys-section{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:32px}.journeys-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto;padding-right:8px}.journeys-list::-webkit-scrollbar{width:6px}.journeys-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.journey-item{padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.journey-item:hover{box-shadow:0 1px 3px #0000001a;transform:translate(4px)}[data-theme=dark] .journey-item:hover{box-shadow:0 1px 3px #0000004d}.journey-item.active{background:var(--bg-tertiary);border-color:#3498db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .journey-item.active{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.journey-item .journey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.journey-item .journey-header .journey-id{font-weight:600;color:var(--text-primary);font-size:14px}.journey-item .journey-header .journey-duration{font-size:12px;color:var(--text-secondary);font-family:monospace}.journey-item .journey-summary{display:flex;gap:16px}.journey-item .journey-summary span{font-size:12px;color:var(--text-secondary)}.journey-details{padding:32px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px}.journey-details .journey-details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.journey-details .journey-details-header h4{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.journey-details .journey-details-header button{width:32px;height:32px;border-radius:9999px;border:none;background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.journey-details .journey-details-header button:hover{background:var(--bg-primary);color:var(--text-primary)}.journey-details .journey-timeline .timeline-info{display:flex;gap:24px;margin-bottom:32px;padding:16px;background:var(--bg-tertiary);border-radius:8px}.journey-details .journey-timeline .timeline-info span{font-size:14px;color:var(--text-secondary)}.journey-details .journey-timeline .timeline-info span:not(:last-child){padding-right:24px;border-right:1px solid var(--border-color)}.journey-details .journey-timeline .timeline-events h5{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.journey-details .journey-timeline .timeline-events .timeline-event{display:grid;grid-template-columns:100px 1fr auto;gap:16px;padding:16px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:8px}.journey-details .journey-timeline .timeline-events .timeline-event .event-time{font-size:12px;color:var(--text-secondary);font-family:monospace}.journey-details .journey-timeline .timeline-events .timeline-event .event-path,.journey-details .journey-timeline .timeline-events .timeline-event .event-type{font-size:14px;color:var(--text-primary);font-weight:500}.journey-details .journey-timeline .timeline-events .timeline-event .event-duration,.journey-details .journey-timeline .timeline-events .timeline-event .event-target{font-size:12px;color:var(--text-secondary);text-align:right}@media (max-width: 1024px){.journeys-section,.clicks-grid,.events-grid{grid-template-columns:1fr}}.analytics-overview{padding:24px 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:16px}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#3498db;border-radius:9999px;animation:spin .8s linear infinite}.loading-state p{margin:0;color:var(--text-secondary);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.empty-state .empty-icon{font-size:64px;margin-bottom:24px}.empty-state h3{margin:0 0 16px;font-size:20px;color:var(--text-primary)}.empty-state p{margin:0 0 24px;color:var(--text-secondary);font-size:16px;max-width:600px;line-height:1.6}.empty-state .empty-state-code{margin-top:24px;padding:24px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);text-align:left;max-width:600px}.empty-state .empty-state-code strong{display:block;margin-bottom:8px;color:var(--text-primary);font-size:14px}.empty-state .empty-state-code pre{margin:0;padding:8px;background:var(--bg-primary);border-radius:4px;font-size:12px;color:var(--text-secondary);font-family:Courier New,monospace;overflow-x:auto;line-height:1.5}.kpi-row{display:grid;grid-template-columns:300px 1fr;gap:24px;margin-bottom:32px}.kpi-row .kpi-main{padding:32px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.kpi-row .kpi-main .kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kpi-row .kpi-main .kpi-header .kpi-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.kpi-row .kpi-main .kpi-header .kpi-period{font-size:12px;color:var(--text-muted)}.kpi-row .kpi-main .kpi-value-large{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1}.kpi-row .kpi-main .kpi-change{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:14px;font-weight:600}.kpi-row .kpi-main .kpi-change.positive{background:#2ecc711a;color:#2ecc71}.kpi-row .kpi-main .kpi-change.negative{background:#e74c3c1a;color:#e74c3c}.kpi-row .kpi-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kpi-row .kpi-secondary .kpi-item{padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.kpi-row .kpi-secondary .kpi-item .kpi-label-sm{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.kpi-row .kpi-secondary .kpi-item .kpi-value-sm{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.kpi-row .kpi-secondary .kpi-item .kpi-sublabel{font-size:12px;color:var(--text-muted)}.chart-card{padding:32px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);margin-bottom:32px}.chart-card h3{margin:0 0 24px;font-size:18px;font-weight:600;color:var(--text-primary)}.chart-card .line-chart{position:relative}.chart-card .line-chart .chart-svg{width:100%;height:200px;margin-bottom:16px}.chart-card .line-chart .chart-svg line{stroke-dasharray:2 2}.chart-card .line-chart .chart-svg polyline{filter:drop-shadow(0 2px 4px rgba(66,133,244,.2))}.chart-card .line-chart .chart-labels{display:flex;justify-content:space-between;padding:0 8px}.chart-card .line-chart .chart-labels .chart-label{font-size:12px;color:var(--text-muted)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.chart-hourly .bar-chart{display:flex;align-items:flex-end;gap:4px;height:200px;padding:16px 0}.chart-hourly .bar-chart .bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.chart-hourly .bar-chart .bar-item .bar{width:100%;background:linear-gradient(180deg,#4285f4,#1967d2);border-radius:3px 3px 0 0;transition:all .2s ease;min-height:2px}.chart-hourly .bar-chart .bar-item .bar:hover{background:linear-gradient(180deg,#5a9bf7,#2979e0)}.chart-hourly .bar-chart .bar-item .bar-label{font-size:10px;color:var(--text-muted)}.table-card{padding:32px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.table-card h3{margin:0 0 24px;font-size:18px;font-weight:600;color:var(--text-primary)}.table-card .data-table{width:100%;border-collapse:collapse}.table-card .data-table thead{background:var(--bg-tertiary)}.table-card .data-table thead th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.table-card .data-table tbody tr{border-bottom:1px solid var(--border-color);transition-property:background;transition-duration:.3s ease;transition-timing-function:ease}.table-card .data-table tbody tr:hover{background:var(--bg-tertiary)}.table-card .data-table tbody tr:last-child{border-bottom:none}.table-card .data-table tbody tr td{padding:16px;font-size:14px;color:var(--text-primary)}.table-card .data-table tbody tr td.page-path{font-family:monospace;color:var(--text-secondary)}.table-card .empty-table{padding:32px;text-align:center}.table-card .empty-table p{margin:0;color:var(--text-secondary);font-size:14px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.summary-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}[data-theme=dark] .summary-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.summary-card .summary-icon{font-size:32px}.summary-card .summary-content .summary-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.summary-card .summary-content .summary-label{font-size:12px;color:var(--text-secondary)}@media (max-width: 1024px){.kpi-row{grid-template-columns:1fr}.kpi-row .kpi-secondary{grid-template-columns:repeat(3,1fr)}.analytics-grid,.summary-cards{grid-template-columns:1fr}}@media (max-width: 768px){.kpi-row .kpi-secondary{grid-template-columns:1fr}.chart-card{padding:16px}.chart-card .line-chart .chart-svg,.chart-hourly .bar-chart{height:150px}}.analytics-settings-container{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .3s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.settings-header .header-left h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.settings-header .header-left p{margin:0;color:var(--text-secondary)}.settings-header .header-right .env-indicator{padding:4px 16px;border-radius:8px;color:#fff;font-size:14px;font-weight:600}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}.settings-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:32px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.settings-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .settings-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.settings-card h3{margin:0 0 24px;font-size:20px;color:var(--text-primary)}.settings-card.snippet-card{grid-column:1/-1}.setting-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--border-color);transition-property:background;transition-duration:.3s ease;transition-timing-function:ease}.setting-item:hover{background:var(--bg-secondary)}.setting-item:last-child{border-bottom:none}.setting-item .setting-info{flex:1;display:flex;flex-direction:column;gap:4px}.setting-item .setting-info strong{color:var(--text-primary);font-size:16px;font-weight:600}.setting-item .setting-info span{color:var(--text-secondary);font-size:14px}.switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#3498db}.switch input:checked+.slider:before{transform:translate(26px)}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--text-muted);border-radius:9999px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.snippet-description{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.snippet-description code{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-size:14px;color:#3498db}.snippet-preview{display:flex;gap:8px;margin-bottom:24px}.snippet-preview button{flex:1}.btn-copy{background:#3498db;color:#fff;border:none;padding:8px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-copy:hover{background:#2383c4;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .btn-copy:hover{box-shadow:0 1px 3px #0000004d}.btn-copy.copied{background:#2ecc71}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-secondary:hover{background:var(--bg-tertiary);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .btn-secondary:hover{box-shadow:0 1px 3px #0000004d}.btn-primary{width:100%;margin-top:24px;background:#3498db;color:#fff;border:none;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:hover{background:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.code-block{background:#2c3e50;color:#2ecc71;padding:24px;border-radius:8px;overflow-x:auto;margin-bottom:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;max-height:400px;overflow-y:auto}.code-block code{color:inherit;background:none}.info-box{background:var(--bg-secondary);border-left:3px solid #3498db;padding:16px;border-radius:4px;margin-top:24px}.info-box h4{margin:0 0 8px;color:var(--text-primary);font-size:16px;font-weight:600}.info-box ol,.info-box ul{margin:0;padding-left:24px;color:var(--text-secondary);font-size:14px;line-height:1.8}.info-box ol li,.info-box ul li{margin-bottom:4px}.info-box code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:14px;color:#3498db}.info-box.info-box-warning{border-left-color:#f39c12;background:#f39c120d}.info-box.info-box-warning h4{color:#f39c12}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .info-label{font-size:14px;color:var(--text-muted);font-weight:500}.info-item .info-value{font-size:16px;color:var(--text-primary)}.info-item code.info-value{background:var(--bg-secondary);padding:4px 8px;border-radius:4px;font-family:monospace;color:#3498db}@media (max-width: 768px){.analytics-settings-container{padding:16px}.settings-header{flex-direction:column;align-items:flex-start;gap:16px}.settings-grid,.info-grid{grid-template-columns:1fr}.snippet-preview{flex-direction:column}}.analytics-projects-list{padding:32px;max-width:1400px;margin:0 auto}.analytics-projects-list .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.analytics-projects-list .loading .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.analytics-projects-list .loading p{color:var(--text-secondary);font-size:16px}.analytics-projects-list .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;padding:32px}.analytics-projects-list .empty-state .empty-icon{font-size:80px;margin-bottom:24px}.analytics-projects-list .empty-state h2{font-size:20px;color:var(--text-primary);margin-bottom:8px}.analytics-projects-list .empty-state p{color:var(--text-secondary);font-size:16px;max-width:600px;margin-bottom:32px}.analytics-projects-list .empty-state .setup-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;max-width:500px;text-align:left}.analytics-projects-list .empty-state .setup-info h3{font-size:18px;color:var(--text-primary);margin-bottom:16px}.analytics-projects-list .empty-state .setup-info ol{margin:0;padding-left:24px;color:var(--text-secondary);line-height:1.8}.analytics-projects-list .empty-state .setup-info ol li{margin-bottom:8px}.analytics-projects-list .header{margin-bottom:32px}.analytics-projects-list .header h1{font-size:32px;color:var(--text-primary);margin-bottom:4px}.analytics-projects-list .header .subtitle{color:var(--text-secondary);font-size:16px}.analytics-projects-list .projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.analytics-projects-list .projects-grid .project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:32px;cursor:pointer;transition:all .2s ease}.analytics-projects-list .projects-grid .project-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.analytics-projects-list .projects-grid .project-card:hover .view-btn{background:var(--brand-primary);color:#fff}.analytics-projects-list .projects-grid .project-card .project-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.analytics-projects-list .projects-grid .project-card .project-header .project-icon{font-size:36px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:8px}.analytics-projects-list .projects-grid .project-card .project-header h3{font-size:18px;color:var(--text-primary);margin:0;flex:1;word-break:break-word}.analytics-projects-list .projects-grid .project-card .project-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.analytics-projects-list .projects-grid .project-card .project-stats .stat{display:flex;flex-direction:column;gap:4px}.analytics-projects-list .projects-grid .project-card .project-stats .stat .stat-label{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.analytics-projects-list .projects-grid .project-card .project-stats .stat .stat-value{font-size:20px;font-weight:600;color:var(--text-primary)}.analytics-projects-list .projects-grid .project-card .project-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.analytics-projects-list .projects-grid .project-card .project-footer .last-activity{font-size:14px;color:var(--text-secondary);flex:1}.analytics-projects-list .projects-grid .project-card .project-footer .view-btn{padding:8px 24px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.analytics-projects-list .projects-grid .project-card .project-footer .view-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}@media (max-width: 768px){.analytics-projects-list{padding:24px}.analytics-projects-list .projects-grid,.analytics-projects-list .project-card .project-stats{grid-template-columns:1fr}.analytics-projects-list .project-card .project-footer{flex-direction:column;align-items:flex-start}.analytics-projects-list .project-card .project-footer .view-btn{width:100%}}.ab-testing-container{max-width:1400px;margin:0 auto;padding:32px;animation:fadeIn .3s ease}.ab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.ab-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.ab-header p{margin:0;color:var(--text-secondary)}.tests-list{display:flex;flex-direction:column;gap:32px}.test-card{padding:32px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.test-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .test-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.test-header .test-info h3{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-primary)}.test-header .test-info .test-meta{display:flex;gap:16px;align-items:center;font-size:14px}.test-header .test-info .test-meta .test-page{font-family:monospace;color:var(--text-muted)}.test-header .test-info .test-meta .test-status{padding:4px 8px;border-radius:4px;font-weight:600}.test-header .test-info .test-meta .test-status.success{background:#2ecc711a;color:#2ecc71}.test-header .test-info .test-meta .test-status.info{background:#3498db1a;color:#3498db}.test-header .test-info .test-meta .test-date{color:var(--text-muted)}.test-header .test-winner-badge{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:8px;color:#2ecc71;font-weight:600}.test-header .test-winner-badge svg{fill:#2ecc71}.test-goal{padding:16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:24px;color:var(--text-secondary)}.test-goal strong{color:var(--text-primary)}.variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.variant-card{padding:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.variant-card.winner{border-color:#2ecc71;background:#2ecc710d}.variant-card.control{border-style:dashed}.variant-card .variant-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.variant-card .variant-header .variant-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary)}.variant-card .variant-header .variant-name .control-badge{padding:2px 4px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;font-weight:500;color:var(--text-muted)}.variant-card .variant-header .variant-name .winner-badge{display:flex;align-items:center;gap:4px;padding:2px 4px;background:#2ecc71;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.variant-card .variant-header .variant-name .winner-badge svg{stroke-width:3}.variant-card .variant-header .btn-declare-winner{padding:4px 8px;font-size:12px;font-weight:500;color:#3498db;background:transparent;border:1px solid #3498db;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.variant-card .variant-header .btn-declare-winner:hover{background:#3498db;color:#fff}.variant-card .variant-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.variant-card .variant-stats .stat{display:flex;flex-direction:column;gap:4px}.variant-card .variant-stats .stat.highlight{grid-column:1/-1;padding:16px;background:var(--bg-primary);border-radius:8px;text-align:center}.variant-card .variant-stats .stat.highlight .stat-value{font-size:20px;color:#3498db}.variant-card .variant-stats .stat .stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.variant-card .variant-stats .stat .stat-value{font-size:16px;font-weight:600;color:var(--text-primary)}.variant-card .traffic-bar{height:6px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.variant-card .traffic-bar .traffic-fill{height:100%;background:linear-gradient(90deg,#3498db,#217dbb);transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.test-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid var(--border-color)}.test-actions button{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.test-actions button.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.test-actions button.btn-secondary:hover{background:var(--bg-primary)}.test-actions button.btn-primary{background:#3498db;color:#fff}.test-actions button.btn-primary:hover{background:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .test-actions button.btn-primary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{width:90%;max-width:600px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease}.modal-content .modal-header h3{margin:0;font-size:18px;color:var(--text-primary)}.modal-content .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-header .btn-close:hover{background:var(--bg-secondary)}.modal-content .modal-body p{margin:0 0 24px;color:var(--text-secondary)}.modal-content .modal-body .rollout-control{margin-bottom:32px}.modal-content .modal-body .rollout-control label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.modal-content .modal-body .rollout-control .slider-container{display:flex;align-items:center;gap:16px}.modal-content .modal-body .rollout-control .slider-container input[type=range]{flex:1;height:6px;background:var(--bg-secondary);border-radius:4px;outline:none;cursor:pointer}.modal-content .modal-body .rollout-control .slider-container input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:#3498db;border-radius:50%;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-body .rollout-control .slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.modal-content .modal-body .rollout-control .slider-container .slider-value{min-width:50px;text-align:right;font-size:18px;font-weight:700;color:#3498db}.modal-content .modal-body .rollout-preview{margin-bottom:24px}.modal-content .modal-body .rollout-preview .preview-bar{display:flex;height:60px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .modal-content .modal-body .rollout-preview .preview-bar{box-shadow:0 1px 3px #0000004d}.modal-content .modal-body .rollout-preview .preview-bar .preview-winner,.modal-content .modal-body .rollout-preview .preview-bar .preview-control{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-body .rollout-preview .preview-bar .preview-winner{background:#2ecc71;color:#fff}.modal-content .modal-body .rollout-preview .preview-bar .preview-control{background:var(--bg-secondary);color:var(--text-primary)}.modal-content .modal-body .rollout-info{display:flex;gap:8px;padding:16px;background:#3498db1a;border-radius:8px}.modal-content .modal-body .rollout-info svg{flex-shrink:0;color:#3498db}.modal-content .modal-body .rollout-info p{margin:0;font-size:14px;color:var(--text-secondary)}.modal-content .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--bg-secondary);border-top:1px solid var(--border-color);gap:16px}.modal-content .modal-footer button{flex:1;padding:16px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-footer button.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-content .modal-footer button.btn-secondary:hover{background:var(--bg-secondary)}.modal-content .modal-footer button.btn-primary{background:#3498db;color:#fff}.modal-content .modal-footer button.btn-primary:hover{background:#2383c4}@media (max-width: 768px){.ab-testing-container{padding:16px}.ab-header{flex-direction:column;align-items:flex-start;gap:16px}.variants-grid{grid-template-columns:1fr}.test-actions{flex-direction:column}.test-actions button{width:100%}}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;animation:fadeIn .4s ease}@media (min-width: 768px){.components-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.component-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition-property:transform,box-shadow,border-color;transition-duration:.3s ease;transition-timing-function:ease;display:flex;flex-direction:column;gap:16px}.component-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3498db4d}[data-theme=dark] .component-card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.component-card-header{display:flex;align-items:center;justify-content:space-between;align-items:flex-start}.component-card-header .component-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db1a,#3498db0d);border-radius:8px;color:#3498db}.component-card-header .type-badge{padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.component-card-header .type-badge.global{background-color:#3498db1a;color:#3498db}.component-card-header .type-badge.reutilizável{background-color:#2ecc711a;color:#2ecc71}.component-card-body{flex:1}.component-card-body .component-name{margin:0 0 16px;font-size:20px;font-weight:700;color:var(--text-primary)}.component-card-body .component-stats{display:flex;flex-direction:column;gap:8px}.component-card-body .component-stats .stat-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.component-card-body .component-stats .stat-item svg{flex-shrink:0;color:var(--text-muted)}.component-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.component-card-footer .btn-card-secondary{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;color:#3498db;background-color:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-card-footer .btn-card-secondary:hover{background-color:#3498db26;border-color:#3498db4d}.component-card-footer .btn-card-secondary svg{flex-shrink:0}.component-card-footer .card-actions{display:flex;gap:4px}.component-card-footer .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.component-card-footer .btn-icon:hover{background-color:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary)}.component-card-footer .btn-icon.danger:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}@media (max-width: 768px){.components-grid{grid-template-columns:1fr}}.configure-view-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .configure-view-modal{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.configure-view-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.configure-view-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.configure-view-modal .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.configure-view-modal .modal-body{flex:1;overflow-y:auto;padding:32px}.configure-view-modal .modal-body .config-section{margin-bottom:32px}.configure-view-modal .modal-body .config-section:last-child{margin-bottom:0}.configure-view-modal .modal-body .config-section h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.configure-view-modal .modal-body .config-section .section-description{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.configure-view-modal .modal-body .columns-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px;background-color:var(--bg-secondary);border-radius:8px}.configure-view-modal .modal-body .columns-list .checkbox-item{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .columns-list .checkbox-item:hover{border-color:#3498db;background-color:#3498db0d}.configure-view-modal .modal-body .columns-list .checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.configure-view-modal .modal-body .columns-list .checkbox-item .field-label{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.configure-view-modal .modal-body .columns-list .checkbox-item .field-type{font-size:12px;color:var(--text-muted);padding:2px 8px;background-color:var(--bg-secondary);border-radius:4px}.configure-view-modal .modal-body .density-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.configure-view-modal .modal-body .density-options .density-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .density-options .density-btn:hover{border-color:#3498db;background-color:#3498db0d}.configure-view-modal .modal-body .density-options .density-btn.active{border-color:#3498db;background-color:#3498db1a}.configure-view-modal .modal-body .density-options .density-btn.active .density-icon{color:#3498db}.configure-view-modal .modal-body .density-options .density-btn.active span{color:#3498db;font-weight:600}.configure-view-modal .modal-body .density-options .density-btn .density-icon{color:var(--text-muted);transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .density-options .density-btn span{font-size:14px;color:var(--text-primary);transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .sort-config .sort-select{width:100%;padding:8px 16px;font-size:14px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;margin-bottom:16px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .sort-config .sort-select:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .configure-view-modal .modal-body .sort-config .sort-select:focus{box-shadow:0 1px 3px #0000004d}.configure-view-modal .modal-body .sort-config .sort-order-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.configure-view-modal .modal-body .sort-config .sort-order-buttons .sort-order-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;font-size:14px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-body .sort-config .sort-order-buttons .sort-order-btn:hover{border-color:#3498db;background-color:#3498db0d}.configure-view-modal .modal-body .sort-config .sort-order-buttons .sort-order-btn.active{border-color:#3498db;background-color:#3498db1a;color:#3498db;font-weight:600}.configure-view-modal .modal-body .sort-config .sort-order-buttons .sort-order-btn svg{width:16px;height:16px}.configure-view-modal .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-top:1px solid var(--border-color)}.configure-view-modal .modal-footer .btn-reset{padding:8px 24px;font-size:14px;font-weight:500;color:#e74c3c;background-color:transparent;border:1px solid #e74c3c;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-footer .btn-reset:hover{background-color:#e74c3c1a}.configure-view-modal .modal-footer .footer-actions{display:flex;gap:8px}.configure-view-modal .modal-footer .footer-actions .btn-secondary,.configure-view-modal .modal-footer .footer-actions .btn-primary{padding:8px 24px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.configure-view-modal .modal-footer .footer-actions .btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.configure-view-modal .modal-footer .footer-actions .btn-secondary:hover{background-color:var(--bg-secondary)}.configure-view-modal .modal-footer .footer-actions .btn-primary{background-color:#3498db;color:#fff;border:none}.configure-view-modal .modal-footer .footer-actions .btn-primary:hover{background-color:#2383c4}.component-editor{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.editor-header{display:flex;align-items:center;gap:24px;padding:24px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.editor-header .btn-back{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;font-size:14px;font-weight:500;color:var(--primary);background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-back:hover{background-color:var(--bg-secondary)}.editor-header .btn-back svg{color:var(--primary)}.editor-header .header-center{flex:1}.editor-header .header-center .component-title{display:flex;align-items:center;gap:16px;margin-bottom:4px}.editor-header .header-center .component-title h1{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.editor-header .header-center .component-title .btn-edit-title{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .header-center .component-title .btn-edit-title:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.editor-header .header-center .component-description{margin:0;font-size:14px;color:var(--text-muted)}.editor-header .header-actions{display:flex;gap:8px}.editor-header .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--primary);background-color:transparent;border:1px solid var(--primary);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-secondary:hover{background-color:#3498db0d}.editor-header .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-primary:hover{background-color:#2383c4}.editor-actions{display:flex;justify-content:flex-end;padding:16px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.editor-actions .btn-configure-view{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-actions .btn-configure-view:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.editor-content{flex:1;display:grid;grid-template-columns:1fr 250px;gap:0;overflow:hidden;background-color:var(--bg-primary)}.canvas-panel{display:flex;flex-direction:column;overflow-y:auto;padding:32px;border-right:1px solid var(--border-color)}.fields-table{width:100%;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.fields-table .table-header{display:grid;grid-template-columns:1fr 200px 100px;padding:16px 24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.fields-table .table-header .header-cell{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fields-table .table-body .empty-state{padding:48px;text-align:center}.fields-table .table-body .empty-state p{margin:0;font-size:14px;color:var(--text-muted)}.field-row-wrapper{border-bottom:1px solid var(--border-color)}.field-row-wrapper:last-child{border-bottom:none}.field-row-wrapper:hover{background-color:var(--bg-secondary)}.field-row{display:grid;grid-template-columns:1fr 200px 100px;align-items:center;padding:16px 0;min-height:56px;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.field-row .field-name-cell{display:flex;align-items:center;gap:8px;padding-right:16px}.field-row .field-name-cell .expand-toggle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.field-row .field-name-cell .expand-toggle:hover{color:var(--text-primary)}.field-row .field-name-cell .drag-handle{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-muted);cursor:grab;flex-shrink:0;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.field-row .field-name-cell .drag-handle:hover{color:var(--text-primary)}.field-row .field-name-cell .drag-handle:active{cursor:grabbing}.field-row .field-name-cell .drag-handle svg{width:14px;height:14px}.field-row .field-name-cell .field-icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);flex-shrink:0}.field-row .field-name-cell .field-icon-badge svg{width:16px;height:16px}.field-row .field-name-cell .field-name-text{font-size:14px;font-weight:500;color:var(--text-primary)}.field-row .field-type-cell .field-type-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:4px}.field-row .field-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding-right:24px}.field-row .field-actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;opacity:0;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.field-row .field-actions-cell .action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.field-row .field-actions-cell .action-btn.delete-btn:hover{background-color:#e74c3c1a;color:#e74c3c}.field-row:hover .action-btn{opacity:1}.field-children .field-row-wrapper:last-child{border-bottom:1px solid var(--border-color)}.add-field-to-component{padding:8px 0;border-bottom:1px solid var(--border-color)}.add-field-to-component .btn-add-nested-field{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;font-size:12px;font-weight:500;color:var(--primary);background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.add-field-to-component .btn-add-nested-field:hover{background-color:#3498db0d}.add-field-to-component .btn-add-nested-field svg{width:12px;height:12px}.table-footer{padding:24px;border-top:1px solid var(--border-color);background-color:var(--bg-primary)}.table-footer .btn-add-field{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;font-size:14px;font-weight:500;color:var(--primary);background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.table-footer .btn-add-field:hover{background-color:#3498db0d}.field-types-panel{display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;max-width:250px;width:100%}.field-types-panel .panel-header{padding:16px 24px;border-bottom:1px solid var(--border-color)}.field-types-panel .panel-header h3{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary)}.field-types-panel .panel-header p{margin:0;font-size:12px;color:var(--text-muted)}.field-types-panel .field-types-grid{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.field-types-panel .field-type-card{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;text-align:left;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.field-types-panel .field-type-card:hover{border-color:#3498db;background-color:#3498db0d;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .field-types-panel .field-type-card:hover{box-shadow:0 1px 3px #0000004d}.field-types-panel .field-type-card .field-type-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:4px;color:#3498db;flex-shrink:0}.field-types-panel .field-type-card .field-type-icon svg{width:18px;height:18px}.field-types-panel .field-type-card .field-type-info{flex:1;min-width:0}.field-types-panel .field-type-card .field-type-info h4{margin:0 0 2px;font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-types-panel .field-type-card .field-type-info p{margin:0;font-size:11px;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.canvas-panel::-webkit-scrollbar,.field-types-grid::-webkit-scrollbar{width:8px}.canvas-panel::-webkit-scrollbar-track,.field-types-grid::-webkit-scrollbar-track{background:transparent}.canvas-panel::-webkit-scrollbar-thumb,.field-types-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.canvas-panel::-webkit-scrollbar-thumb:hover,.field-types-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.save-message{position:fixed;top:20px;right:32px;display:flex;align-items:center;gap:8px;padding:16px 24px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:999;animation:slideIn .3s ease-out}[data-theme=dark] .save-message{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.save-message svg{flex-shrink:0}.save-message span,.save-message .save-message-title{font-size:14px;font-weight:500}.save-message .save-message-icon{width:32px;height:32px;border-radius:9999px;background-color:#10b981;display:flex;align-items:center;justify-content:center}.save-message.save-message-success{display:flex;align-items:center;justify-content:center;gap:16px;background-color:#2c3e50}.save-message.save-message-success svg{color:var(--primary)}.save-message.save-message-success span{color:#c0bcbc}.save-message.save-message-error{border-color:#e74c3c;background-color:#e74c3c1a}.save-message.save-message-error svg{color:#e74c3c}.save-message.save-message-error span{color:#e74c3c}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.edit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.edit-modal{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark] .edit-modal{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.edit-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.edit-modal .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.edit-modal .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.edit-modal .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.edit-modal .modal-body{padding:32px}.edit-modal .modal-body .form-group{margin-bottom:24px}.edit-modal .modal-body .form-group:last-child{margin-bottom:0}.edit-modal .modal-body .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.edit-modal .modal-body .form-group label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.edit-modal .modal-body .form-group label.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.edit-modal .modal-body .form-group input[type=text],.edit-modal .modal-body .form-group textarea{width:100%;padding:8px 16px;font-size:14px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.edit-modal .modal-body .form-group input[type=text]:focus,.edit-modal .modal-body .form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .edit-modal .modal-body .form-group input[type=text]:focus,[data-theme=dark] .edit-modal .modal-body .form-group textarea:focus{box-shadow:0 1px 3px #0000004d}.edit-modal .modal-body .form-group textarea{resize:vertical;font-family:inherit;min-height:100px}.edit-modal .modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:24px 32px;border-top:1px solid var(--border-color)}.edit-modal .modal-footer .btn-secondary,.edit-modal .modal-footer .btn-primary{padding:8px 24px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.edit-modal .modal-footer .btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.edit-modal .modal-footer .btn-secondary:hover{background-color:var(--bg-secondary)}.edit-modal .modal-footer .btn-primary{background-color:#3498db;color:#fff;border:none}.edit-modal .modal-footer .btn-primary:hover{background-color:#2383c4}@media (max-width: 1200px){.editor-content{grid-template-columns:1fr 240px}}@media (max-width: 992px){.editor-content{grid-template-columns:1fr}.editor-content .field-types-panel{display:none}.canvas-panel{border-right:none}}@media (max-width: 768px){.editor-header{flex-wrap:wrap}.editor-header .header-center{order:3;width:100%;margin-top:16px}.fields-table .table-header,.fields-table .field-row{grid-template-columns:1fr 120px 80px}}.add-field-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.add-field-modal{background-color:var(--bg-primary);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease}[data-theme=dark] .add-field-modal{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.add-field-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.add-field-modal .modal-header h3{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.add-field-modal .modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.add-field-modal .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.add-field-modal .modal-body{padding:32px}.add-field-modal .modal-body .modal-description{margin:0 0 32px;font-size:16px;color:var(--text-secondary)}.field-types-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.field-type-modal-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;text-align:center}.field-type-modal-card:hover{border-color:#3498db;background-color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .field-type-modal-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.field-type-modal-card .field-type-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:#3498db1a;border-radius:8px;color:#3498db}.field-type-modal-card .field-type-icon svg{width:24px;height:24px}.field-type-modal-card .field-type-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.field-type-modal-card .field-type-info p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.pages-container{max-width:1400px;margin:0 auto}.pages-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px;flex-wrap:wrap}.pages-header h2{margin:0 0 4px;font-size:32px;font-weight:700;color:var(--text-primary)}.pages-header p{margin:0;font-size:16px;color:var(--text-secondary)}.pages-filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.pages-filters .results-count{font-size:14px;color:var(--text-secondary);white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:active{transform:scale(.98)}.btn-primary svg{flex-shrink:0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;animation:fadeIn .4s ease}@media (min-width: 768px){.templates-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.template-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition-property:transform,box-shadow,border-color;transition-duration:.3s ease;transition-timing-function:ease;display:flex;flex-direction:column;gap:16px}.template-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3498db4d}[data-theme=dark] .template-card:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.template-card-header{display:flex;align-items:center;justify-content:space-between;align-items:flex-start}.template-card-header .template-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e501a,#2c3e500d);border-radius:8px;color:#2c3e50}.template-card-header .pages-count{padding:4px 8px;font-size:12px;font-weight:600;background-color:#2ecc711a;color:#2ecc71;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.template-card-body{flex:1}.template-card-body .template-name{margin:0 0 8px;font-size:20px;font-weight:700;color:var(--text-primary)}.template-card-body .template-description{margin:0 0 16px;font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.template-card-body .template-stats{display:flex;flex-direction:column;gap:8px}.template-card-body .template-stats .stat-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.template-card-body .template-stats .stat-item svg{flex-shrink:0}.template-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:16px;border-top:1px solid var(--border-color)}.template-card-footer .btn-card-secondary{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;font-size:14px;font-weight:600;color:#3498db;background-color:#3498db1a;border:1px solid rgba(52,152,219,.2);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.template-card-footer .btn-card-secondary:hover{background-color:#3498db26;border-color:#3498db4d}.template-card-footer .btn-card-secondary svg{flex-shrink:0}.template-card-footer .card-actions{display:flex;gap:4px}.template-card-footer .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.template-card-footer .btn-icon:hover{background-color:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary)}.template-card-footer .btn-icon.danger:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}}.template-editor{height:100%;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:24px}.editor-header .btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-back:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.editor-header .header-info{flex:1}.editor-header .header-info h1{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.editor-header .header-info .template-id{font-size:12px;color:var(--text-muted);font-family:Monaco,Courier New,monospace}.editor-header .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-primary:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .editor-header .btn-primary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.editor-content{flex:1;display:grid;grid-template-columns:1fr 280px;gap:0;overflow:hidden;background-color:var(--bg-secondary)}.components-panel{display:flex;flex-direction:column;background-color:var(--bg-primary);border-left:1px solid var(--border-color);overflow:hidden}.components-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.components-panel .panel-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.components-panel .panel-header .component-count{font-size:14px;color:var(--text-muted)}.components-panel .components-list{flex:1;overflow-y:auto;padding:8px}.components-panel .component-item{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:4px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;cursor:grab;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.components-panel .component-item:hover{border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .components-panel .component-item:hover{box-shadow:0 1px 3px #0000004d}.components-panel .component-item:active{cursor:grabbing}.components-panel .component-item .component-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:4px;color:#3498db;flex-shrink:0}.components-panel .component-item .component-icon svg{width:16px;height:16px}.components-panel .component-item .component-info{flex:1;min-width:0}.components-panel .component-item .component-info h4{margin:0 0 2px;font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.components-panel .component-item .component-info .component-type{font-size:11px;color:var(--text-muted)}.components-panel .component-item .drag-handle{color:var(--text-muted);flex-shrink:0}.template-canvas{display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.template-canvas .canvas-header{padding:24px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.template-canvas .canvas-header h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.template-canvas .canvas-header .hint{font-size:14px;color:var(--text-muted)}.template-canvas .canvas-content{flex:1;overflow-y:auto;padding:32px;background-color:var(--bg-secondary)}.template-canvas .empty-canvas{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center;min-height:400px}.template-canvas .empty-canvas svg{color:var(--text-muted)}.template-canvas .empty-canvas p{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.template-canvas .empty-canvas span{font-size:14px;color:var(--text-secondary)}.drop-zone{height:8px;margin:8px 0;background-color:transparent;border:2px dashed transparent;border-radius:4px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;position:relative}.drop-zone span{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:#3498db;white-space:nowrap;background-color:var(--bg-primary);padding:4px 8px;border-radius:4px}.drop-zone.active{height:60px;background-color:#3498db0d;border-color:#3498db}.drop-zone.active span{display:block}.template-component{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;cursor:grab;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;margin-bottom:8px}.template-component:hover{border-color:#3498db;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .template-component:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.template-component:hover .component-actions{opacity:1}.template-component:active{cursor:grabbing}.template-component .component-order{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#3498db;color:#fff;border-radius:9999px;font-size:14px;font-weight:700;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.template-component .component-content{flex:1;display:flex;align-items:center;gap:16px}.template-component .component-content .component-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:4px;color:#3498db;flex-shrink:0}.template-component .component-content .component-icon svg{width:20px;height:20px}.template-component .component-content h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.template-component .component-actions{display:flex;gap:8px;opacity:0;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.template-component .component-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.template-component .component-actions button:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.template-component .component-actions button.btn-remove:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.template-component .component-actions .drag-handle{cursor:grab}.template-component .component-actions .drag-handle:active{cursor:grabbing}.components-list::-webkit-scrollbar,.canvas-content::-webkit-scrollbar{width:6px}.components-list::-webkit-scrollbar-track,.canvas-content::-webkit-scrollbar-track{background:transparent}.components-list::-webkit-scrollbar-thumb,.canvas-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.components-list::-webkit-scrollbar-thumb:hover,.canvas-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-state{flex:1;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:48px;background-color:var(--bg-secondary)}.loading-state svg{color:#3498db}.loading-state p{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.error-message{display:flex;align-items:center;gap:8px;padding:16px 32px;background-color:#e74c3c1a;border-bottom:2px solid #e74c3c;color:#e74c3c}.error-message svg{flex-shrink:0}.error-message span{font-size:14px;font-weight:500}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.success-message{display:flex;align-items:center;gap:8px;padding:16px 32px;background-color:#10b9811a;border-bottom:2px solid #10b981;color:#10b981}.success-message svg{flex-shrink:0}.success-message span{font-size:14px;font-weight:500}.editor-content-form{flex:1;overflow-y:auto;padding:48px;background-color:var(--bg-secondary)}.editor-content-form::-webkit-scrollbar{width:6px}.editor-content-form::-webkit-scrollbar-track{background:transparent}.editor-content-form::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}.editor-content-form::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.form-section{background-color:var(--bg-primary);border-radius:12px;padding:32px;margin-bottom:32px;border:1px solid var(--border-color)}.form-section h2{margin:0 0 24px;font-size:20px;font-weight:700;color:var(--text-primary)}.form-section h2 .required{color:#e74c3c;margin-left:4px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-group label .required{color:#e74c3c;margin-left:2px}.form-group input,.form-group textarea{width:100%;padding:16px;font-size:16px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus{box-shadow:0 1px 3px #0000004d}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:80px}.section-header{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:24px}.section-header h2{margin:0}.section-header .section-hint{margin:4px 0 0;font-size:14px;color:var(--text-muted);font-weight:400}.selection-actions{display:flex;gap:16px;flex-shrink:0}.selection-actions .btn-link{padding:8px 16px;font-size:14px;font-weight:500;color:#3498db;background:none;border:none;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;border-radius:4px}.selection-actions .btn-link:hover:not(:disabled){background-color:#3498db1a}.selection-actions .btn-link:disabled{opacity:.5;cursor:not-allowed}.content-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.content-type-card{position:relative;display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.content-type-card:hover{border-color:#3498db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .content-type-card:hover{box-shadow:0 1px 3px #0000004d}.content-type-card.selected{border-color:#3498db;background-color:#3498db0d}.content-type-card.selected .card-checkbox{background-color:#3498db;border-color:#3498db;color:#fff}.content-type-card.selected .card-icon{color:#3498db}.content-type-card .card-checkbox{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color);border-radius:4px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.content-type-card .card-checkbox svg{width:14px;height:14px}.content-type-card .card-icon{flex-shrink:0;color:var(--text-muted);transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.content-type-card .card-content{flex:1;min-width:0}.content-type-card .card-content h3{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-type-card .card-content .card-type{margin:0;font-size:12px;color:var(--text-muted)}.selection-summary{padding:16px;background-color:var(--bg-secondary);border-radius:8px;text-align:center;font-size:14px;color:var(--text-secondary)}.selection-summary strong{color:#3498db;font-weight:700}.empty-state{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center;background-color:var(--bg-secondary);border-radius:8px}.empty-state svg{color:var(--text-muted)}.empty-state p{margin:0;font-size:18px;font-weight:500;color:var(--text-primary)}.empty-state span{font-size:14px;color:var(--text-secondary)}@media (max-width: 992px){.editor-content{grid-template-columns:280px 1fr}.content-types-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.editor-content{grid-template-columns:1fr}.editor-content .components-panel{display:none}}.folder-tree{height:100%;display:flex;flex-direction:column;background-color:var(--bg-primary);border-right:1px solid var(--border-color)}.folder-tree .folder-tree-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.folder-tree .folder-tree-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.folder-tree .folder-tree-header .btn-create-folder{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.folder-tree .folder-tree-header .btn-create-folder:hover{background-color:var(--bg-secondary);border-color:#3498db;color:#3498db}.folder-tree .folder-tree-content{flex:1;overflow-y:auto;padding:8px 0}.folder-tree .folder-item .folder-item-content{display:flex;align-items:center;gap:4px;padding:8px 16px;cursor:pointer;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease;position:relative}.folder-tree .folder-item .folder-item-content:hover{background-color:var(--bg-secondary)}.folder-tree .folder-item .folder-item-content.active{background-color:#3498db1a;color:#3498db}.folder-tree .folder-item .folder-item-content.active .folder-icon{color:#3498db}.folder-tree .folder-item .folder-item-content.root-folder{font-weight:600;border-bottom:1px solid var(--border-color);margin-bottom:4px}.folder-tree .folder-item .folder-item-content .folder-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.folder-tree .folder-item .folder-item-content .folder-toggle:hover{color:var(--text-primary)}.folder-tree .folder-item .folder-item-content .folder-icon{flex-shrink:0;color:var(--text-secondary)}.folder-tree .folder-item .folder-item-content .folder-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-tree .folder-item .folder-item-content .folder-count{flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:9999px}.folder-tree .folder-item .folder-children{margin-left:0}.folder-tree .folder-tree-empty{padding:32px;text-align:center}.folder-tree .folder-tree-empty p{margin:0 0 16px;font-size:14px;color:var(--text-muted)}.folder-tree .folder-tree-empty .btn-secondary{font-size:14px;padding:8px 16px}.breadcrumb{display:flex;align-items:center;gap:4px;padding:16px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);overflow-x:auto;white-space:nowrap}.breadcrumb .breadcrumb-segment{display:flex;align-items:center;gap:4px}.breadcrumb .breadcrumb-separator{flex-shrink:0;color:var(--text-muted)}.breadcrumb .breadcrumb-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;white-space:nowrap}.breadcrumb .breadcrumb-item svg{flex-shrink:0}.breadcrumb .breadcrumb-item:hover:not(:disabled){background-color:var(--bg-secondary);color:#3498db}.breadcrumb .breadcrumb-item.active,.breadcrumb .breadcrumb-item:disabled{color:var(--text-primary);cursor:default;font-weight:600}.asset-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;overflow:hidden}.asset-card:hover{border-color:#3498db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.asset-card:hover .asset-card-checkbox{opacity:1}.asset-card.selected{border-color:#3498db;background-color:#3498db0d}.asset-card.selected .asset-card-checkbox{opacity:1}.asset-card.selected .asset-card-checkbox input[type=checkbox]{background-color:#3498db;border-color:#3498db}.asset-card.selected .asset-card-checkbox input[type=checkbox]:after{content:"";display:block;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;top:2px;left:5px}.asset-card .asset-card-checkbox{position:absolute;top:8px;left:8px;z-index:10;opacity:0;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.asset-card .asset-card-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;appearance:none;background-color:#fff;border:2px solid var(--border-color);border-radius:4px;position:relative;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-card .asset-card-checkbox input[type=checkbox]:hover{border-color:#3498db}.asset-card .asset-card-preview{position:relative;width:100%;aspect-ratio:1;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-card .asset-card-preview img,.asset-card .asset-card-preview video{width:100%;height:100%;object-fit:cover}.asset-card .asset-card-preview .asset-card-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.asset-card .asset-card-preview .asset-card-icon .file-icon{font-size:48px}.asset-card .asset-card-info{padding:16px;display:flex;flex-direction:column;gap:4px}.asset-card .asset-card-info .asset-filename{margin:0;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card .asset-card-info .asset-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.asset-card .asset-card-info .asset-meta .asset-size{font-weight:500}.asset-card .asset-card-info .asset-meta .asset-dimensions:before{content:"•";margin-right:4px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding:24px}@media (max-width: 768px){.asset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px}}.asset-grid-empty{display:flex;align-items:center;justify-content:center;min-height:400px;padding:32px}.asset-grid-empty .empty-state{text-align:center;max-width:400px}.asset-grid-empty .empty-state svg{color:var(--text-muted);opacity:.5;margin-bottom:24px}.asset-grid-empty .empty-state h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.asset-grid-empty .empty-state p{margin:0;font-size:14px;color:var(--text-muted)}.upload-zone{display:flex;align-items:center;justify-content:center;min-height:200px;padding:32px;background-color:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.upload-zone:hover:not(.uploading){border-color:#3498db;background-color:#3498db0d}.upload-zone:hover:not(.uploading) .upload-zone-icon{color:#3498db;transform:translateY(-4px)}.upload-zone.dragging{border-color:#3498db;background-color:#3498db1a;border-style:solid}.upload-zone.dragging .upload-zone-icon{color:#3498db;transform:scale(1.1)}.upload-zone.dragging .upload-zone-title{color:#3498db}.upload-zone.uploading{cursor:not-allowed;opacity:.7}.upload-zone .upload-zone-content{text-align:center;pointer-events:none}.upload-zone .upload-zone-content .upload-zone-icon{color:var(--text-muted);margin-bottom:16px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.upload-zone .upload-zone-content .spinner{width:48px;height:48px;margin:0 auto 16px;border:4px solid var(--border-color);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.upload-zone .upload-zone-content .upload-zone-title{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary);transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.upload-zone .upload-zone-content .upload-zone-current-file{margin:0 0 16px;font-size:14px;font-weight:500;color:#3498db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.upload-zone .upload-zone-content .upload-zone-progress{width:100%;max-width:400px;height:8px;margin:0 auto 16px;background-color:var(--bg-secondary);border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.upload-zone .upload-zone-content .upload-zone-progress .upload-zone-progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#5faee3);border-radius:9999px;transition-property:width;transition-duration:.3s ease;transition-timing-function:ease;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:4px;min-width:40px}.upload-zone .upload-zone-content .upload-zone-progress .upload-zone-progress-bar .upload-zone-progress-text{font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.upload-zone .upload-zone-content .upload-zone-subtitle{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.upload-zone .upload-zone-content .upload-zone-hint{margin:0;font-size:12px;color:var(--text-muted)}.asset-search{display:flex;align-items:center;gap:16px;padding:16px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.asset-search{flex-direction:column;align-items:stretch}}.asset-search .search-input-wrapper{position:relative;flex:1;max-width:400px}@media (max-width: 768px){.asset-search .search-input-wrapper{max-width:none}}.asset-search .search-input-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.asset-search .search-input-wrapper .search-input{width:100%;padding:8px 16px 8px 44px;font-size:14px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-search .search-input-wrapper .search-input:focus{outline:none;border-color:#3498db;background-color:var(--bg-primary)}.asset-search .search-input-wrapper .search-input::placeholder{color:var(--text-muted)}.asset-search .search-input-wrapper .search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-search .search-input-wrapper .search-clear:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.asset-search .filter-dropdown{position:relative}.asset-search .filter-dropdown .filter-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease;white-space:nowrap}.asset-search .filter-dropdown .filter-button:hover{background-color:var(--bg-primary);border-color:#3498db}.asset-search .filter-dropdown .filter-button .filter-icon{font-size:16px}@media (max-width: 480px){.asset-search .filter-dropdown .filter-button .filter-label{display:none}}.asset-search .filter-dropdown .filter-button .filter-arrow{color:var(--text-muted);transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.asset-search .filter-dropdown .filter-backdrop{position:fixed;inset:0;z-index:10}.asset-search .filter-dropdown .filter-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:20;animation:slideDown .2s ease-out}.asset-search .filter-dropdown .filter-menu .filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-primary);background:none;border:none;text-align:left;cursor:pointer;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.asset-search .filter-dropdown .filter-menu .filter-option:first-child{border-radius:8px 8px 0 0}.asset-search .filter-dropdown .filter-menu .filter-option:last-child{border-radius:0 0 8px 8px}.asset-search .filter-dropdown .filter-menu .filter-option:hover{background-color:var(--bg-secondary)}.asset-search .filter-dropdown .filter-menu .filter-option.active{background-color:#3498db1a;color:#3498db}.asset-search .filter-dropdown .filter-menu .filter-option .filter-option-icon{font-size:16px}.asset-search .filter-dropdown .filter-menu .filter-option .filter-option-label{flex:1}.asset-search .filter-dropdown .filter-menu .filter-option .filter-check{color:#3498db}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dialog-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.dialog{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.dialog.dialog-large{max-width:700px}.dialog.dialog-danger .dialog-header{border-bottom-color:#e74c3c33}.dialog .dialog-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--border-color)}.dialog .dialog-header .dialog-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background-color:#3498db1a;color:#3498db;flex-shrink:0}.dialog .dialog-header .dialog-icon.danger{background-color:#e74c3c1a;color:#e74c3c}.dialog .dialog-header h3{flex:1;margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.dialog .dialog-header .dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dialog .dialog-header .dialog-close:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.dialog .dialog-header .dialog-close:disabled{opacity:.5;cursor:not-allowed}.dialog .dialog-content{flex:1;padding:24px;overflow-y:auto}.dialog .dialog-content .dialog-hint{margin:0 0 16px;font-size:14px;color:var(--text-secondary)}.dialog .dialog-content .dialog-hint strong{color:var(--text-primary);font-weight:600}.dialog .dialog-content .dialog-message{margin:0 0 16px;font-size:16px;color:var(--text-primary);line-height:1.6}.dialog .dialog-content .dialog-message strong{font-weight:600;color:#3498db}.dialog .dialog-content .dialog-warning{margin:16px 0 0;padding:16px;font-size:14px;color:#f39c12;background-color:#f39c121a;border-radius:8px;border-left:3px solid #f39c12}.dialog .dialog-content .item-list{margin:16px 0;padding:16px;background-color:var(--bg-secondary);border-radius:8px;list-style:none}.dialog .dialog-content .item-list li{padding:4px 0;font-size:14px;color:var(--text-primary)}.dialog .dialog-content .item-list li:not(:last-child){border-bottom:1px solid var(--border-color)}.dialog .dialog-content .item-list li.more-items{color:var(--text-muted);font-style:italic}.dialog .dialog-content .form-group{margin-bottom:24px}.dialog .dialog-content .form-group label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:var(--text-primary)}.dialog .dialog-content .form-group input,.dialog .dialog-content .form-group textarea{width:100%;padding:8px 16px;font-size:16px;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.dialog .dialog-content .form-group input:focus,.dialog .dialog-content .form-group textarea:focus{outline:none;border-color:#3498db}.dialog .dialog-content .form-group input:disabled,.dialog .dialog-content .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.dialog .dialog-content .form-group input::placeholder,.dialog .dialog-content .form-group textarea::placeholder{color:var(--text-muted)}.dialog .dialog-content .form-group .form-error{display:block;margin-top:4px;font-size:12px;color:#e74c3c}.dialog .dialog-content .folder-selector{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary)}.dialog .dialog-content .folder-selector .folder-item-content{display:flex;align-items:center;gap:4px;padding:8px 16px;cursor:pointer;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.dialog .dialog-content .folder-selector .folder-item-content:hover{background-color:var(--bg-primary)}.dialog .dialog-content .folder-selector .folder-item-content.selected{background-color:#3498db1a;color:#3498db}.dialog .dialog-content .folder-selector .folder-item-content.selected .folder-icon{color:#3498db}.dialog .dialog-content .folder-selector .folder-item-content.root-folder{font-weight:600;border-bottom:1px solid var(--border-color)}.dialog .dialog-content .folder-selector .folder-item-content .folder-toggle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.dialog .dialog-content .folder-selector .folder-item-content .folder-toggle:hover{color:var(--text-primary)}.dialog .dialog-content .folder-selector .folder-item-content .folder-icon{flex-shrink:0;color:var(--text-secondary)}.dialog .dialog-content .folder-selector .folder-item-content .folder-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.dialog .dialog-content .folder-selector .empty-state{padding:32px;text-align:center}.dialog .dialog-content .folder-selector .empty-state p{margin:0;font-size:14px;color:var(--text-muted)}.dialog .dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:24px;border-top:1px solid var(--border-color)}.dialog .dialog-footer .btn-primary,.dialog .dialog-footer .btn-secondary,.dialog .dialog-footer .btn-danger{padding:8px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.dialog .dialog-footer .btn-primary:disabled,.dialog .dialog-footer .btn-secondary:disabled,.dialog .dialog-footer .btn-danger:disabled{opacity:.6;cursor:not-allowed}.dialog .dialog-footer .btn-primary{background-color:#3498db;color:#fff;border:none}.dialog .dialog-footer .btn-primary:hover:not(:disabled){background-color:#217dbb}.dialog .dialog-footer .btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.dialog .dialog-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.dialog .dialog-footer .btn-danger{background-color:#e74c3c;color:#fff;border:none}.dialog .dialog-footer .btn-danger:hover:not(:disabled){background-color:#d62c1a}.upload-progress{position:fixed;bottom:24px;right:24px;width:400px;max-width:calc(100vw - 48px);background-color:var(--bg-primary);border-radius:12px;box-shadow:0 8px 24px #0003;z-index:1000;animation:slideInUp .3s ease-out}.upload-progress .upload-progress-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border-color)}.upload-progress .upload-progress-header .upload-progress-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.upload-progress .upload-progress-header .upload-progress-title svg{color:#3498db}.upload-progress .upload-progress-header .upload-progress-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.upload-progress .upload-progress-header .upload-progress-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.upload-progress .upload-progress-list{max-height:300px;overflow-y:auto;padding:8px}.upload-progress .upload-progress-list .upload-item{padding:8px 16px;border-radius:8px;margin-bottom:4px;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.upload-progress .upload-progress-list .upload-item:last-child{margin-bottom:0}.upload-progress .upload-progress-list .upload-item.uploading{background-color:#3498db0d}.upload-progress .upload-progress-list .upload-item.success{background-color:#2ecc710d}.upload-progress .upload-progress-list .upload-item.success .upload-item-icon svg{color:#2ecc71}.upload-progress .upload-progress-list .upload-item.error{background-color:#e74c3c0d}.upload-progress .upload-progress-list .upload-item.error .upload-item-icon svg{color:#e74c3c}.upload-progress .upload-progress-list .upload-item .upload-item-info{display:flex;align-items:flex-start;gap:8px}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;margin-top:2px}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-icon .spinner-small{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:#3498db;border-radius:50%;animation:spin .8s linear infinite}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-icon svg{color:#3498db}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-details{flex:1;min-width:0}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-details .upload-item-name{margin:0 0 4px;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-details .upload-item-status{margin:0;font-size:12px;color:var(--text-muted)}.upload-progress .upload-progress-list .upload-item .upload-item-info .upload-item-details .upload-item-error{margin:0;font-size:12px;color:#e74c3c}.upload-progress .upload-progress-list .upload-item .upload-item-progress{margin-top:8px;height:4px;background-color:var(--bg-secondary);border-radius:9999px;overflow:hidden}.upload-progress .upload-progress-list .upload-item .upload-item-progress .upload-item-progress-bar{height:100%;background-color:#3498db;border-radius:9999px;transition-property:width;transition-duration:.3s ease;transition-timing-function:ease}.upload-progress .upload-progress-summary{padding:8px 24px;border-top:1px solid var(--border-color);font-size:12px;font-weight:500;text-align:center}.upload-progress .upload-progress-summary.error{color:#e74c3c;background-color:#e74c3c0d}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.asset-details-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease-out}.asset-details-modal{background-color:var(--bg-primary);border-radius:12px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.asset-details-modal .asset-details-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.asset-details-modal .asset-details-header .asset-details-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.asset-details-modal .asset-details-header .asset-details-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-details-modal .asset-details-header .asset-details-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.asset-details-modal .asset-details-preview{width:100%;max-height:400px;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.asset-details-modal .asset-details-preview img,.asset-details-modal .asset-details-preview video{max-width:100%;max-height:400px;object-fit:contain}.asset-details-modal .asset-details-preview .asset-details-no-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;color:var(--text-muted)}.asset-details-modal .asset-details-preview .asset-details-no-preview svg{margin-bottom:16px;opacity:.5}.asset-details-modal .asset-details-preview .asset-details-no-preview p{margin:0;font-size:14px}.asset-details-modal .asset-details-content{flex:1;overflow-y:auto;padding:24px}.asset-details-modal .asset-details-content .asset-details-section{margin-bottom:32px}.asset-details-modal .asset-details-content .asset-details-section:last-child{margin-bottom:0}.asset-details-modal .asset-details-content .asset-details-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.asset-details-modal .asset-details-content .asset-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.asset-details-modal .asset-details-content .asset-details-grid .asset-detail-item{display:flex;flex-direction:column;gap:4px}.asset-details-modal .asset-details-content .asset-details-grid .asset-detail-item .asset-detail-label{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.asset-details-modal .asset-details-content .asset-details-grid .asset-detail-item .asset-detail-value{font-size:14px;color:var(--text-primary);word-break:break-word}.asset-details-modal .asset-details-content .asset-details-grid .asset-detail-item .asset-detail-value.asset-id{font-family:monospace;font-size:12px;color:var(--text-secondary)}.asset-details-modal .asset-details-content .asset-url-container{display:flex;gap:8px}.asset-details-modal .asset-details-content .asset-url-container .asset-url-input{flex:1;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:monospace;color:var(--text-primary);transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.asset-details-modal .asset-details-content .asset-url-container .asset-url-input:focus{outline:none;border-color:#3498db}.asset-details-modal .asset-details-content .asset-url-container .btn-copy{display:flex;align-items:center;gap:4px;padding:8px 16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;white-space:nowrap;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-details-modal .asset-details-content .asset-url-container .btn-copy:hover{background-color:var(--bg-tertiary);border-color:#3498db;color:#3498db}.asset-details-modal .asset-details-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:24px;border-top:1px solid var(--border-color);flex-shrink:0}.asset-details-modal .asset-details-actions .btn-secondary,.asset-details-modal .asset-details-actions .btn-primary{display:flex;align-items:center;gap:4px;padding:8px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-details-modal .asset-details-actions .btn-secondary{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.asset-details-modal .asset-details-actions .btn-secondary:hover{background-color:var(--bg-tertiary);border-color:#3498db}.asset-details-modal .asset-details-actions .btn-primary{background-color:#3498db;border:1px solid #3498db;color:#fff}.asset-details-modal .asset-details-actions .btn-primary:hover{background-color:#258cd1}@media (max-width: 768px){.asset-details-modal{max-width:100%;max-height:100vh;border-radius:0}.asset-details-modal .asset-details-content .asset-details-grid{grid-template-columns:1fr}.asset-details-modal .asset-details-content .asset-url-container{flex-direction:column}.asset-details-modal .asset-details-content .asset-url-container .btn-copy{justify-content:center}.asset-details-modal .asset-details-actions{flex-direction:column-reverse}.asset-details-modal .asset-details-actions .btn-secondary,.asset-details-modal .asset-details-actions .btn-primary{width:100%;justify-content:center}}.asset-manager{display:flex;height:100vh;background-color:var(--bg-secondary)}.asset-manager .asset-manager-sidebar{width:280px;flex-shrink:0;background-color:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto}@media (max-width: 768px){.asset-manager .asset-manager-sidebar{display:none}}.asset-manager .asset-manager-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.asset-manager .asset-manager-main .asset-manager-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}@media (max-width: 768px){.asset-manager .asset-manager-main .asset-manager-header{flex-direction:column;align-items:stretch}}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions{display:flex;align-items:center;gap:16px}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .btn-secondary:hover{background-color:var(--bg-secondary);border-color:#3498db;color:#3498db}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#3498db1a;border-radius:8px}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info span{font-size:14px;font-weight:500;color:#3498db}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info .btn-text{padding:4px 8px;font-size:14px;font-weight:500;color:var(--text-primary);background:none;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info .btn-text:hover{background-color:#0000000d}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info .btn-text.btn-danger{color:#e74c3c}.asset-manager .asset-manager-main .asset-manager-header .asset-manager-actions .selected-info .btn-text.btn-danger:hover{background-color:#e74c3c1a}.asset-manager .asset-manager-main .asset-manager-upload{padding:24px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.asset-manager .asset-manager-main .asset-manager-content{flex:1;overflow-y:auto;background-color:var(--bg-secondary)}.asset-manager .asset-manager-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.asset-manager .asset-manager-loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.asset-manager .asset-manager-loading p{margin:0;font-size:14px;color:var(--text-muted)}.asset-picker-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.asset-picker{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90vw;max-width:1200px;height:80vh;max-height:800px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.asset-picker .asset-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border-color)}.asset-picker .asset-picker-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.asset-picker .asset-picker-header .asset-picker-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-picker .asset-picker-header .asset-picker-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.asset-picker .asset-picker-content{flex:1;display:flex;overflow:hidden}.asset-picker .asset-picker-content .asset-picker-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.asset-picker .asset-picker-content .asset-picker-loading .spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}.asset-picker .asset-picker-content .asset-picker-loading p{margin:0;font-size:14px;color:var(--text-muted)}.asset-picker .asset-picker-content .asset-picker-sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--border-color);overflow-y:auto}@media (max-width: 768px){.asset-picker .asset-picker-content .asset-picker-sidebar{display:none}}.asset-picker .asset-picker-content .asset-picker-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.asset-picker .asset-picker-content .asset-picker-main .asset-picker-breadcrumb{border-bottom:1px solid var(--border-color)}.asset-picker .asset-picker-content .asset-picker-main .asset-picker-upload{padding:24px;border-bottom:1px solid var(--border-color)}.asset-picker .asset-picker-content .asset-picker-main .asset-picker-grid{flex:1;overflow-y:auto;background-color:var(--bg-secondary)}.asset-picker .asset-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:24px;border-top:1px solid var(--border-color)}.asset-picker .asset-picker-footer .footer-left{display:flex;align-items:center;gap:16px}.asset-picker .asset-picker-footer .footer-left .selection-count{font-size:14px;font-weight:500;color:#3498db}.asset-picker .asset-picker-footer .footer-right{display:flex;align-items:center;gap:16px}.asset-picker .asset-picker-footer .btn-primary,.asset-picker .asset-picker-footer .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.asset-picker .asset-picker-footer .btn-primary:disabled,.asset-picker .asset-picker-footer .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.asset-picker .asset-picker-footer .btn-primary{background-color:#3498db;color:#fff;border:none}.asset-picker .asset-picker-footer .btn-primary:hover:not(:disabled){background-color:#217dbb}.asset-picker .asset-picker-footer .btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.asset-picker .asset-picker-footer .btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:#3498db}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.assets-container{max-width:1400px;margin:0 auto}.assets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:24px;flex-wrap:wrap}.assets-header h2{margin:0 0 4px;font-size:32px;font-weight:700;color:var(--text-primary)}.assets-header p{margin:0;font-size:16px;color:var(--text-secondary)}.assets-header .header-actions{display:flex;gap:8px}.assets-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.assets-toolbar .toolbar-left{display:flex;gap:16px;flex:1;flex-wrap:wrap}.assets-toolbar .toolbar-right{display:flex;align-items:center;gap:16px}.type-filters{display:flex;gap:4px;flex-wrap:wrap}.type-filters .filter-btn{padding:8px 16px;font-size:12px;font-weight:500;color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.type-filters .filter-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.type-filters .filter-btn.active{color:#fff;background-color:#3498db;border-color:#3498db}.view-toggle{display:flex;gap:4px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2px}.view-toggle .view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.view-toggle .view-btn:hover{color:var(--text-primary)}.view-toggle .view-btn.active{background-color:#3498db;color:#fff}.results-count{font-size:14px;color:var(--text-secondary);white-space:nowrap}.breadcrumb{display:flex;align-items:center;gap:4px;margin-bottom:24px;padding:8px 16px;background-color:var(--bg-secondary);border-radius:8px;font-size:14px}.breadcrumb .breadcrumb-link{display:flex;align-items:center;gap:4px;color:#3498db;background:none;border:none;cursor:pointer;font-size:14px;transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.breadcrumb .breadcrumb-link:hover{color:#217dbb}.breadcrumb .breadcrumb-separator{color:var(--text-muted)}.breadcrumb .breadcrumb-current{color:var(--text-primary);font-weight:500}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;animation:fadeIn .4s ease}@media (min-width: 768px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.assets-grid .asset-item{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition-property:transform,box-shadow,border-color;transition-duration:.3s ease;transition-timing-function:ease;cursor:pointer}.assets-grid .asset-item:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#3498db4d}[data-theme=dark] .assets-grid .asset-item:hover{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.assets-grid .asset-item:hover .asset-actions{opacity:1}.assets-grid .asset-item.folder .asset-preview{background:linear-gradient(135deg,#f39c121a,#f39c120d)}.assets-grid .asset-item.folder .asset-preview .asset-icon{color:#f39c12}.assets-grid .asset-item .asset-preview{position:relative;width:100%;height:160px;background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.assets-grid .asset-item .asset-preview img{width:100%;height:100%;object-fit:cover}.assets-grid .asset-item .asset-preview .asset-icon{color:var(--text-muted)}.assets-grid .asset-item .asset-info{padding:16px}.assets-grid .asset-item .asset-info .asset-name{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-grid .asset-item .asset-info .asset-size{font-size:12px;color:var(--text-muted)}.assets-grid .asset-item .asset-actions{display:flex;gap:4px;padding:0 16px 16px;opacity:0;transition-property:opacity;transition-duration:.3s ease;transition-timing-function:ease}.assets-list{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.assets-list .asset-item{display:grid;grid-template-columns:40px 1fr 100px 100px 120px 100px;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease;cursor:pointer}.assets-list .asset-item:hover{background-color:var(--bg-secondary)}.assets-list .asset-item:last-child{border-bottom:none}.assets-list .asset-item .asset-icon-small{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.assets-list .asset-item .asset-icon-small svg{width:24px;height:24px;color:var(--text-muted)}.assets-list .asset-item.folder .asset-icon-small svg{color:#f39c12}.assets-list .asset-item .asset-name-col{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-list .asset-item .asset-type-col{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.assets-list .asset-item .asset-size-col,.assets-list .asset-item .asset-date-col{font-size:12px;color:var(--text-muted)}.assets-list .asset-item .asset-actions-col{display:flex;gap:4px;justify-content:flex-end}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:active,.btn-secondary:active{transform:scale(.98)}.btn-primary svg,.btn-secondary svg{flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.assets-list .asset-item{grid-template-columns:40px 1fr 80px 80px}.assets-list .asset-item .asset-type-col,.assets-list .asset-item .asset-date-col{display:none}}@media (max-width: 768px){.assets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.type-filters{width:100%}.assets-list .asset-item{grid-template-columns:40px 1fr 60px}.assets-list .asset-item .asset-size-col{display:none}}.management-container{height:100%;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.management-header{display:flex;align-items:center;justify-content:space-between;padding:32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.management-header h2{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.management-header p{margin:0;font-size:14px;color:var(--text-secondary)}.management-header .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:600;background-color:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.management-header .btn-primary:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .management-header .btn-primary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.management-tabs{display:flex;gap:8px;padding:24px 32px 0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.management-tabs .tab{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.management-tabs .tab:hover{color:var(--text-primary)}.management-tabs .tab.active{color:#3498db;border-bottom-color:#3498db}.management-tabs .tab .count{padding:2px 4px;font-size:12px;font-weight:600;background-color:var(--bg-secondary);border-radius:4px}.management-content{flex:1;overflow-y:auto;padding:32px}.users-section .table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.users-section .data-table{width:100%;border-collapse:collapse}.users-section .data-table thead{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.users-section .data-table thead th{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.users-section .data-table tbody tr{border-bottom:1px solid var(--border-color);transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.users-section .data-table tbody tr:hover{background-color:var(--bg-secondary)}.users-section .data-table tbody tr:last-child{border-bottom:none}.users-section .data-table tbody td{padding:24px;font-size:14px;color:var(--text-primary)}.users-section .user-cell{display:flex;align-items:center;gap:16px}.users-section .user-cell .user-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3498db,#1d6fa5);color:#fff;border-radius:9999px;font-size:16px;font-weight:700;flex-shrink:0}.users-section .user-cell .user-info{display:flex;flex-direction:column;gap:4px}.users-section .user-cell .user-info strong{font-weight:600;color:var(--text-primary)}.users-section .user-cell .user-info span{font-size:12px;color:var(--text-muted)}.users-section .role-badge{display:inline-block;padding:4px 8px;font-size:12px;font-weight:600;background-color:#3498db1a;color:#3498db;border-radius:4px}.users-section .status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px}.users-section .status-badge:before{content:"";width:6px;height:6px;border-radius:9999px}.users-section .status-badge.active{background-color:#2ecc711a;color:#2ecc71}.users-section .status-badge.active:before{background-color:#2ecc71}.users-section .status-badge.inactive{background-color:rgba(var(--text-muted),.1);color:var(--text-muted)}.users-section .status-badge.inactive:before{background-color:var(--text-muted)}.users-section .table-actions{display:flex;gap:8px}.users-section .table-actions .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.users-section .table-actions .btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.users-section .table-actions .btn-icon.danger:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.roles-section .roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}.roles-section .role-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.roles-section .role-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--text-muted)}[data-theme=dark] .roles-section .role-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.roles-section .role-card .role-card-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.roles-section .role-card .role-card-header .role-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:8px;color:#3498db}.roles-section .role-card .role-card-header .users-count{font-size:14px;color:var(--text-muted)}.roles-section .role-card .role-card-body{padding:24px}.roles-section .role-card .role-card-body h3{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.roles-section .role-card .role-card-body>p{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.roles-section .role-card .role-card-body .permissions-summary{display:flex;flex-direction:column;gap:8px}.roles-section .role-card .role-card-body .permissions-summary .permission-item{display:flex;align-items:center;justify-content:space-between;padding:8px;background-color:var(--bg-secondary);border-radius:4px}.roles-section .role-card .role-card-body .permissions-summary .permission-item .permission-label{font-size:12px;color:var(--text-muted)}.roles-section .role-card .role-card-body .permissions-summary .permission-item .permission-value{font-size:12px;font-weight:600;color:var(--text-primary)}.roles-section .role-card .role-card-footer{display:flex;align-items:center;justify-content:space-between;padding:24px;border-top:1px solid var(--border-color)}.roles-section .role-card .role-card-footer .btn-card-primary{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;background-color:transparent;color:#3498db;border:1px solid #3498db;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.roles-section .role-card .role-card-footer .btn-card-primary:hover{background-color:#3498db1a}.roles-section .role-card .role-card-footer .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.roles-section .role-card .role-card-footer .btn-icon:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.roles-section .role-card .role-card-footer .btn-icon.danger:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.management-filters{display:flex;align-items:center;gap:16px;padding:24px 32px;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.management-filters .filter-buttons{display:flex;gap:8px}.management-filters .filter-buttons .filter-btn{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.management-filters .filter-buttons .filter-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.management-filters .filter-buttons .filter-btn.active{background-color:#3498db1a;color:#3498db;border-color:#3498db}.management-filters .results-count{margin-left:auto;font-size:14px;color:var(--text-muted)}.history-section .history-list{display:flex;flex-direction:column;gap:16px}.history-section .history-item{display:flex;gap:16px;padding:24px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.history-section .history-item:hover{box-shadow:0 1px 3px #0000001a;border-color:var(--text-muted)}[data-theme=dark] .history-section .history-item:hover{box-shadow:0 1px 3px #0000004d}.history-section .history-item .history-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:9999px;color:#3498db;flex-shrink:0}.history-section .history-item .history-content{flex:1}.history-section .history-item .history-content .history-action{margin-bottom:4px;font-size:14px;color:var(--text-primary)}.history-section .history-item .history-content .history-action strong{font-weight:600;color:#3498db}.history-section .history-item .history-content .history-time{font-size:12px;color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{width:90%;max-width:500px;background-color:var(--bg-primary);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:slideUp .3s ease}[data-theme=dark] .modal-content{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #00000026}.modal-content.modal-confirm{max-width:400px}.modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid var(--border-color)}.modal-content .modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.modal-content .modal-header .btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:4px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-header .btn-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-content .modal-body{padding:32px}.modal-content .modal-body .form-group{margin-bottom:24px}.modal-content .modal-body .form-group:last-child{margin-bottom:0}.modal-content .modal-body .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.modal-content .modal-body .form-group input,.modal-content .modal-body .form-group select,.modal-content .modal-body .form-group textarea{width:100%;padding:16px;font-size:14px;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-body .form-group input:focus,.modal-content .modal-body .form-group select:focus,.modal-content .modal-body .form-group textarea:focus{outline:none;border-color:#3498db}.modal-content .modal-body .form-group textarea{resize:vertical;font-family:inherit}.modal-content .modal-body .form-hint{margin-top:16px;font-size:12px;color:var(--text-muted);font-style:italic}.modal-content .modal-body .confirm-icon{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.modal-content .modal-body .confirm-icon svg{color:#e74c3c}.modal-content .modal-body p{margin:0 0 16px;font-size:14px;color:var(--text-primary);text-align:center}.modal-content .modal-body p strong{color:#3498db;font-weight:600}.modal-content .modal-body .warning-text{color:#e74c3c;font-weight:500}.modal-content .modal-footer{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-top:1px solid var(--border-color);gap:16px}.modal-content .modal-footer button{flex:1;padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.modal-content .modal-footer button.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-content .modal-footer button.btn-secondary:hover{background-color:var(--bg-primary)}.modal-content .modal-footer button.btn-primary{background-color:#3498db;color:#fff}.modal-content .modal-footer button.btn-primary:hover{background-color:#2383c4}.modal-content .modal-footer button.btn-danger{background-color:#e74c3c;color:#fff}.modal-content .modal-footer button.btn-danger:hover{background-color:#df2e1b}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px;background-color:var(--bg-primary);border-top:1px solid var(--border-color)}.pagination .pagination-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.pagination .pagination-btn:hover:not(:disabled){background-color:var(--bg-secondary);border-color:#3498db;color:#3498db}.pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination .pagination-info{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 992px){.roles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.management-filters{flex-wrap:wrap}.management-filters .results-count{width:100%;margin-left:0;margin-top:8px}}@media (max-width: 768px){.management-header{flex-direction:column;align-items:flex-start;gap:16px}.management-header .btn-primary{width:100%;justify-content:center}.management-filters{flex-direction:column;align-items:stretch}.management-filters .filter-buttons{width:100%;justify-content:space-between}.roles-grid{grid-template-columns:1fr!important}.data-table{display:block;overflow-x:auto}.modal-content{width:95%;margin:16px}}.role-editor{height:100%;display:flex;flex-direction:column;background-color:#1b1d2a;color:#e0e0e0;overflow-y:auto;padding:32px}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.editor-header .btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;color:#7b7d8f;background-color:transparent;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-back:hover{color:#e0e0e0}.editor-header h1{flex:1;margin:0;font-size:24px;font-weight:700;color:#fff}.editor-header .btn-save{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;background-color:#5b5fef;color:#fff;border:none;border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.editor-header .btn-save:hover{background-color:#363beb}.editor-subtitle{margin-bottom:32px;font-size:14px;color:#7b7d8f}.role-details{margin-bottom:32px;padding:32px;background-color:#252736;border-radius:12px}.role-details .details-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.role-details .details-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.role-details .details-header .users-badge{padding:4px 8px;font-size:12px;font-weight:500;background-color:#1b1d2a;color:#7b7d8f;border-radius:4px}.role-details .details-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.role-details .details-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e0e0e0}.role-details .details-form .form-group input{width:100%;padding:16px;font-size:14px;color:#e0e0e0;background-color:#1b1d2a;border:1px solid #32344a;border-radius:8px;transition-property:border-color;transition-duration:.3s ease;transition-timing-function:ease}.role-details .details-form .form-group input:focus{outline:none;border-color:#5b5fef}.permissions-section .permissions-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid #32344a}.permissions-section .permissions-tabs .tab{padding:16px 24px;font-size:14px;font-weight:500;color:#7b7d8f;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.permissions-section .permissions-tabs .tab:hover{color:#e0e0e0}.permissions-section .permissions-tabs .tab.active{color:#5b5fef;border-bottom-color:#5b5fef}.permissions-section .permissions-table{background-color:#252736;border-radius:12px;overflow:hidden}.permissions-section .permissions-table .table-header{display:grid;grid-template-columns:1fr 120px 120px 120px 120px;padding:16px 24px;background-color:#1b1d2a;border-bottom:1px solid #32344a}.permissions-section .permissions-table .table-header .header-cell{font-size:12px;font-weight:700;color:#7b7d8f;text-transform:uppercase;letter-spacing:.5px;text-align:center}.permissions-section .permissions-table .table-header .header-cell.name-cell{text-align:left}.permissions-section .permissions-table .table-body .table-row{display:grid;grid-template-columns:1fr 120px 120px 120px 120px;padding:16px 24px;border-bottom:1px solid #32344a;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.permissions-section .permissions-table .table-body .table-row:hover{background-color:#2a2d3f}.permissions-section .permissions-table .table-body .table-row:last-child{border-bottom:none}.permissions-section .permissions-table .table-body .table-row .name-cell .toggle-all{display:flex;align-items:center;gap:16px;padding:0;background-color:transparent;border:none;color:#e0e0e0;cursor:pointer;transition-property:color;transition-duration:.3s ease;transition-timing-function:ease}.permissions-section .permissions-table .table-body .table-row .name-cell .toggle-all:hover{color:#fff}.permissions-section .permissions-table .table-body .table-row .name-cell .toggle-all .icon{font-size:18px}.permissions-section .permissions-table .table-body .table-row .name-cell .toggle-all .name{font-size:14px;font-weight:500}.permissions-section .permissions-table .table-body .table-row .permission-cell{display:flex;align-items:center;justify-content:center}.checkbox-wrapper{position:relative;display:inline-block;width:20px;height:20px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-wrapper input[type=checkbox]:checked+.checkmark{background-color:#5b5fef;border-color:#5b5fef}.checkbox-wrapper input[type=checkbox]:checked+.checkmark:after{display:block}.checkbox-wrapper input[type=checkbox]:focus+.checkmark{box-shadow:0 0 0 3px #5b5fef33}.checkbox-wrapper .checkmark{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#1b1d2a;border:2px solid #32344a;border-radius:4px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.checkbox-wrapper .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-wrapper:hover .checkmark{border-color:#5b5fef}@media (max-width: 992px){.role-details .details-form .form-row{grid-template-columns:1fr}.permissions-table .table-header,.permissions-table .table-row{grid-template-columns:1fr 100px 100px 100px 100px}}@media (max-width: 768px){.editor-header{flex-direction:column;align-items:flex-start;gap:16px}.editor-header h1{font-size:20px}.editor-header .btn-save{width:100%;justify-content:center}.permissions-table{overflow-x:auto}.permissions-table .table-header,.permissions-table .table-row{min-width:600px}}.settings-container{max-width:900px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h2{margin:0 0 4px;font-size:32px;font-weight:700;color:var(--text-primary)}.settings-header p{margin:0;font-size:16px;color:var(--text-secondary)}.settings-content{display:flex;flex-direction:column;gap:32px}.settings-section{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .settings-section{box-shadow:0 1px 3px #0000004d}.settings-section h3{margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary)}.settings-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.settings-section .section-header h3{margin:0}.settings-section .section-description{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.settings-section.danger-zone{border-color:#e74c3c4d}.settings-section.danger-zone h3{color:#e74c3c}.settings-section.danger-zone>p{margin:0 0 24px;color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input[type=text],.form-group textarea{width:100%;padding:16px;font-size:16px;color:var(--text-primary);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;transition-property:border-color,box-shadow;transition-duration:.3s ease;transition-timing-function:ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;box-shadow:0 0 0 3px #3498db40;border-color:#3498db}.form-group input[type=text].readonly,.form-group textarea.readonly{background-color:var(--bg-tertiary);cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.form-group .field-hint{display:block;margin-top:4px;font-size:12px;color:var(--text-muted)}.api-keys{display:flex;flex-direction:column;gap:16px;margin-top:24px}.api-keys .api-key-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:16px}.api-keys .api-key-item .api-key-info{flex:1;min-width:0}.api-keys .api-key-item .api-key-info strong{display:block;margin-bottom:4px;font-size:14px;color:var(--text-primary)}.api-keys .api-key-item .api-key-info code{display:block;font-family:Monaco,Courier New,monospace;font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-actions{display:flex;gap:16px;flex-wrap:wrap}.settings-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:32px;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary,.btn-danger{padding:16px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:scale(.98)}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2383c4;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .btn-primary:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-muted)}.btn-danger{background-color:transparent;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.btn-danger:hover{background-color:#e74c3c1a;border-color:#e74c3c}.webhook-form{padding:24px;margin-bottom:24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px}.webhook-form .events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.webhook-form .events-grid .event-checkbox{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.webhook-form .events-grid .event-checkbox:hover{border-color:#3498db}.webhook-form .events-grid .event-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.webhook-form .events-grid .event-checkbox span{font-size:14px;color:var(--text-primary)}.webhook-form .form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.webhooks-list{display:flex;flex-direction:column;gap:16px}.webhooks-list .empty-webhooks{align-items:center;justify-content:center;display:flex;flex-direction:column;gap:16px;padding:48px;text-align:center}.webhooks-list .empty-webhooks svg{color:var(--text-muted)}.webhooks-list .empty-webhooks p{margin:0;font-size:16px;color:var(--text-secondary)}.webhooks-list .webhook-item{padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.webhooks-list .webhook-item:hover{border-color:var(--text-muted);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .webhooks-list .webhook-item:hover{box-shadow:0 1px 3px #0000004d}.webhooks-list .webhook-item .webhook-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px}.webhooks-list .webhook-item .webhook-header .webhook-info{flex:1;min-width:0}.webhooks-list .webhook-item .webhook-header .webhook-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.webhooks-list .webhook-item .webhook-header .webhook-info .webhook-url{display:block;font-size:14px;font-family:Monaco,Courier New,monospace;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhooks-list .webhook-item .webhook-header .webhook-actions{display:flex;align-items:center;gap:16px}.webhooks-list .webhook-item .webhook-events{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:16px}.webhooks-list .webhook-item .webhook-events .event-badge{padding:4px 8px;font-size:12px;font-weight:500;background-color:#3498db1a;color:#3498db;border-radius:4px}.webhooks-list .webhook-item .webhook-status .status-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.webhooks-list .webhook-item .webhook-status .status-indicator:before{content:"";width:6px;height:6px;border-radius:9999px}.webhooks-list .webhook-item .webhook-status .status-indicator.active{background-color:#2ecc711a;color:#2ecc71}.webhooks-list .webhook-item .webhook-status .status-indicator.active:before{background-color:#2ecc71}.webhooks-list .webhook-item .webhook-status .status-indicator.inactive{background-color:rgba(var(--text-muted),.1);color:var(--text-muted)}.webhooks-list .webhook-item .webhook-status .status-indicator.inactive:before{background-color:var(--text-muted)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input[type=checkbox]{opacity:0;width:0;height:0}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background-color:#3498db}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input[type=checkbox]:focus+.toggle-slider{outline:none;box-shadow:0 0 0 3px #3498db40}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:9999px;transition-property:background-color;transition-duration:.3s ease;transition-timing-function:ease}.toggle-switch .toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:9999px;transition-property:transform;transition-duration:.3s ease;transition-timing-function:ease}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition-property:all;transition-duration:.3s ease;transition-timing-function:ease}.btn-icon:hover{background-color:var(--bg-secondary);border-color:var(--text-muted);color:var(--text-primary)}.btn-icon.danger:hover{background-color:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}._preVendaContainer_hil4e_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_hil4e_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_hil4e_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_hil4e_9 h2 ._highlight_hil4e_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_hil4e_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}._preVendaContainer_17nmx_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_17nmx_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_17nmx_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_17nmx_9 h2 ._highlight_17nmx_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_17nmx_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}._header_17nmx_33{padding:2.4rem 3.2rem;position:relative;z-index:10}._header_17nmx_33 ._headerContent_17nmx_38{max-width:120rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}._header_17nmx_33 ._logo_17nmx_45 img{height:4rem}._header_17nmx_33 ._nav_17nmx_48 ul{display:flex;list-style:none;gap:3.2rem;margin:0;padding:0}._header_17nmx_33 ._nav_17nmx_48 ul li a{color:#f8f9fa;text-decoration:none;font-weight:500;transition:color .3s ease;font-size:1.6rem}._header_17nmx_33 ._nav_17nmx_48 ul li a:hover{color:#0ff}._header_17nmx_33 ._authButtons_17nmx_65{display:flex;gap:1.6rem}._header_17nmx_33 ._authButtons_17nmx_65 ._loginButton_17nmx_69{background:transparent;border:1px solid rgba(255,255,255,.2);color:#f8f9fa;padding:.8rem 2rem;border-radius:.4rem;font-weight:500;transition:all .3s ease;cursor:pointer}._header_17nmx_33 ._authButtons_17nmx_65 ._loginButton_17nmx_69:hover{background:#ffffff1a}._header_17nmx_33 ._authButtons_17nmx_65 ._signupButton_17nmx_82{background:linear-gradient(135deg,#06f,#0ff);border:none;color:#f8f9fa;padding:.8rem 2rem;border-radius:.4rem;font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #9d4edd4d}._header_17nmx_33 ._authButtons_17nmx_65 ._signupButton_17nmx_82:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9d4edd66}._circuitContainer_1isrw_1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.15;pointer-events:none}._circuit_1isrw_1{position:absolute;background:transparent;border:1px solid rgba(255,255,255,.1)}._circuit_1isrw_1:before{content:"";position:absolute;width:.8rem;height:.8rem;border-radius:50%;background:#3a86ff1a;box-shadow:0 0 10px 2px #3a86ff1a;opacity:.2;transition:opacity .3s ease}._circuit_1isrw_1._animate_1isrw_28:before{animation:_circuitFlow_1isrw_1 8s linear infinite;opacity:1}._circuit1_1isrw_33{top:10%;left:5%;width:30%;height:1px;transform:rotate(25deg)}._circuit1_1isrw_33:before{background:#3a86ff1a;box-shadow:0 0 10px 2px #3a86ff1a}._circuit2_1isrw_45{top:30%;right:10%;width:25%;height:1px;transform:rotate(-15deg)}._circuit2_1isrw_45:before{background:#3a86ff1a;box-shadow:0 0 10px 2px #3a86ff1a}._circuit3_1isrw_57{top:60%;left:15%;width:20%;height:1px;transform:rotate(-35deg)}._circuit3_1isrw_57:before{background:#00f5a01a;box-shadow:0 0 10px 2px #00f5a01a}._circuit4_1isrw_69{top:75%;right:20%;width:35%;height:1px;transform:rotate(10deg)}._circuit4_1isrw_69:before{background:#ff5ca81a;box-shadow:0 0 10px 2px #ff5ca81a}._circuit5_1isrw_81{top:40%;left:40%;width:25%;height:1px;transform:rotate(55deg)}._circuit5_1isrw_81:before{background:#3a86ff1a;box-shadow:0 0 10px 2px #3a86ff1a}._circuit6_1isrw_93{top:20%;left:60%;width:15%;height:1px;transform:rotate(-60deg)}._circuit6_1isrw_93:before{background:#00f5a01a;box-shadow:0 0 10px 2px #00f5a01a}@keyframes _circuitFlow_1isrw_1{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}._heroSection_1avqx_1{position:relative;z-index:2;padding:9.6rem 3.2rem 12rem;display:flex;align-items:center;min-height:90vh;overflow:hidden}._heroSection_1avqx_1 ._heroOverlay_1avqx_10{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}._heroSection_1avqx_1 ._heroOverlay_1avqx_10 ._heroGlow_1avqx_19{position:absolute;top:-10%;right:-5%;width:60rem;height:60rem;border-radius:50%;filter:blur(5rem);animation:_pulseGlow_1avqx_1 8s ease-in-out infinite alternate}._heroSection_1avqx_1 ._heroContent_1avqx_29{width:100%;max-width:120rem;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:5rem}@media (max-width: 1024px){._heroSection_1avqx_1 ._heroContent_1avqx_29{flex-direction:column;text-align:center}}._heroSection_1avqx_1 ._heroText_1avqx_44{display:flex;flex-direction:column;align-items:center;flex:1;max-width:80rem}._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroBadge_1avqx_51{display:inline-block;border:1px solid rgba(0,102,255,.3);color:#06f;font-size:1.4rem;font-weight:600;padding:.8rem 1.6rem;border-radius:10rem;margin-bottom:2.4rem}._heroSection_1avqx_1 ._heroText_1avqx_44 h1{text-align:center;font-size:5.6rem;font-weight:800;margin-bottom:2.4rem;line-height:1.1;letter-spacing:-.05rem}._heroSection_1avqx_1 ._heroText_1avqx_44 h1 ._highlight_1avqx_69{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._heroSection_1avqx_1 ._heroText_1avqx_44 p{text-align:center;font-size:1.8rem;margin-bottom:3.2rem;color:#b4b4c7;line-height:1.6}._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroFeatures_1avqx_82{display:flex;gap:2.4rem;margin-bottom:4rem}@media (max-width: 1024px){._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroFeatures_1avqx_82{justify-content:center}}._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroFeatures_1avqx_82 ._heroFeatureItem_1avqx_92{display:flex;align-items:center;gap:1rem}._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroFeatures_1avqx_82 ._heroFeatureItem_1avqx_92 ._heroFeatureIcon_1avqx_97{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:.8rem;background:#00f5a026;color:#00f5a04d;font-size:1.6rem}._heroSection_1avqx_1 ._heroText_1avqx_44 ._heroFeatures_1avqx_82 ._heroFeatureItem_1avqx_92 span{font-size:1.4rem;font-weight:600;color:#f8f9fa}._heroSection_1avqx_1 ._heroText_1avqx_44 ._ctaButton_1avqx_113{background:linear-gradient(135deg,#06f,#0ff);border:none;color:#f8f9fa;padding:1.6rem 3.2rem;border-radius:.6rem;font-weight:600;font-size:1.8rem;display:inline-flex;align-items:center;gap:1.2rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}._heroSection_1avqx_1 ._heroText_1avqx_44 ._ctaButton_1avqx_113:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}._heroSection_1avqx_1 ._heroText_1avqx_44 ._ctaButton_1avqx_113:hover{transform:translateY(-.3rem)}._heroSection_1avqx_1 ._heroText_1avqx_44 ._ctaButton_1avqx_113:hover:before{left:100%}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145{flex:1;position:relative}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroImageWrapper_1avqx_149{position:relative;width:100%;max-width:65rem}@media (max-width: 1024px){._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroImageWrapper_1avqx_149{margin:0 auto;max-width:90%}}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160{width:100%;height:40rem;border-radius:1.2rem;background-color:#0e0e1acc;box-shadow:0 2rem 4rem #0006;border:1px solid rgba(255,255,255,.1);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:all .5s ease;overflow:hidden}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupHeader_1avqx_174{height:3.2rem;background-color:#1a1a2ee6;display:flex;align-items:center;padding:0 1.6rem;gap:.8rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupHeader_1avqx_174 ._mockupDot_1avqx_182{width:1.2rem;height:1.2rem;border-radius:50%}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupContent_1avqx_187{display:flex;height:calc(100% - 3.2rem)}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupSidebar_1avqx_191{width:20%;background-color:#1a1a2eb3;padding:2.4rem 1.6rem;display:flex;flex-direction:column;gap:1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupSidebar_1avqx_191 ._mockupSidebarItem_1avqx_199{height:3.2rem;background-color:#ffffff1a;border-radius:.4rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupMainContent_1avqx_204{flex:1;padding:2.4rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupMainContent_1avqx_204 ._mockupTitle_1avqx_208{height:3.2rem;width:70%;background-color:#ffffff1a;border-radius:.4rem;margin-bottom:2.4rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupMainContent_1avqx_204 ._mockupGrid_1avqx_215{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupMainContent_1avqx_204 ._mockupGrid_1avqx_215 ._mockupCard_1avqx_220{height:12rem;background-color:#ffffff0d;border-radius:.8rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._mockupImage_1avqx_160 ._mockupMainContent_1avqx_204 ._mockupGrid_1avqx_215 ._mockupCard_1avqx_220:hover{background-color:#ffffff14;transform:translateY(-.4rem)}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231{position:absolute;top:-5rem;right:-3rem;animation:_float_1avqx_238 6s ease-in-out infinite;z-index:10}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238{width:20rem;background-color:#0e0e1ae6;border-radius:.8rem;box-shadow:0 1rem 2rem #0000004d;border:1px solid rgba(58,134,255,.3);overflow:hidden}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238 ._floatingCardHeader_1avqx_246{background:linear-gradient(90deg,#3a86ff4d,#3a86ffb3);padding:.8rem 1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238 ._floatingCardHeader_1avqx_246 ._floatingCardTitle_1avqx_250{color:#fff;font-weight:600;font-size:1.4rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255{padding:1.2rem 1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255 ._codeLine_1avqx_258{font-family:Courier New,monospace;font-size:1.2rem;color:#b4b4c7;margin-bottom:.8rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement1_1avqx_231 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255 ._codeLine_1avqx_258 ._codeKeyword_1avqx_264{color:#3a86ff4d;font-weight:600}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268{position:absolute;bottom:-3rem;left:-3rem;animation:_float_1avqx_238 8s ease-in-out infinite 1s;z-index:10}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238{width:18rem;background-color:#0e0e1ae6;border-radius:.8rem;box-shadow:0 1rem 2rem #0000004d;border:1px solid rgba(0,245,160,.3);overflow:hidden}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardHeader_1avqx_246{background:linear-gradient(90deg,#00f5a04d,#00f5a0b3);padding:.8rem 1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardHeader_1avqx_246 ._floatingCardTitle_1avqx_250{color:#0e0e1a;font-weight:600;font-size:1.4rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255{padding:1.2rem 1.6rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255 ._schemaItem_1avqx_295{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255 ._schemaItem_1avqx_295 ._schemaIcon_1avqx_301{width:1.6rem;height:1.6rem;border-radius:.4rem;background-color:#00f5a04d;opacity:.8}._heroSection_1avqx_1 ._heroImageContainer_1avqx_145 ._heroFloatingElement2_1avqx_268 ._floatingCard_1avqx_238 ._floatingCardContent_1avqx_255 ._schemaItem_1avqx_295 ._schemaText_1avqx_308{font-size:1.3rem;color:#f8f9fa}._preVendaContainer_qaim4_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_qaim4_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_qaim4_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_qaim4_9 h2 ._highlight_qaim4_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_qaim4_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}@keyframes _float_qaim4_1{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5rem) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes _pulseGlow_qaim4_1{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.2)}}@keyframes _slideDown_qaim4_1{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes _borderPulse_qaim4_1{0%{box-shadow:0 0 #0fa6}70%{box-shadow:0 0 0 10px #0fa0}to{box-shadow:0 0 #0fa0}}._problemsSection_qaim4_77{position:relative;z-index:2;padding:9.6rem 3.2rem;background:linear-gradient(180deg,#0a0a1400,#0a0a1480)}._problemsSection_qaim4_77 ._sectionHeading_qaim4_9{margin-bottom:6rem;text-align:center}._problemsSection_qaim4_77 ._sectionHeading_qaim4_9 h2{margin-bottom:1.6rem;font-size:4.2rem}._problemsSection_qaim4_77 ._sectionHeading_qaim4_9 h2 ._highlight_qaim4_21{background:linear-gradient(90deg,#0fa,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}._problemsSection_qaim4_77 ._sectionHeading_qaim4_9 h2 ._highlight_qaim4_21:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0fa,#00a3ff)}._problemsSection_qaim4_77 ._sectionHeading_qaim4_9 p{font-size:1.8rem;max-width:70rem;margin:0 auto;color:#b4b4c7}._problemsSection_qaim4_77 ._problemsContainer_qaim4_114{max-width:120rem;margin:0 auto;display:flex;gap:4rem;align-items:flex-start}@media (max-width: 992px){._problemsSection_qaim4_77 ._problemsContainer_qaim4_114{flex-direction:column}}._problemsSection_qaim4_77 ._columnTitle_qaim4_126{font-size:2.4rem;margin-bottom:3.2rem;display:flex;align-items:center;gap:1.2rem}._problemsSection_qaim4_77 ._columnTitle_qaim4_126 ._problemIcon_qaim4_133{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#ff6b6b26;color:#ff6b6b}._problemsSection_qaim4_77 ._columnTitle_qaim4_126 ._solutionIcon_qaim4_143{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#00ffaa26;color:#0ff}._problemsSection_qaim4_77 ._problemsColumn_qaim4_153,._problemsSection_qaim4_77 ._solutionsColumn_qaim4_154{flex:1;position:relative}._problemsSection_qaim4_77 ._problemItem_qaim4_158,._problemsSection_qaim4_77 ._solutionItem_qaim4_159{margin-bottom:2.4rem;border-radius:1.6rem;background:#0e0e1a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden;cursor:pointer}._problemsSection_qaim4_77 ._problemItem_qaim4_158:hover,._problemsSection_qaim4_77 ._solutionItem_qaim4_159:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}._problemsSection_qaim4_77 ._problemItem_qaim4_158._active_qaim4_173,._problemsSection_qaim4_77 ._solutionItem_qaim4_159._active_qaim4_173{background:#0e0e1acc;box-shadow:0 0 0 2px #00ffaa4d;animation:_borderPulse_qaim4_1 2s infinite}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemHeader_qaim4_179,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemHeader_qaim4_179{padding:2.4rem;display:flex;align-items:flex-start;gap:1.6rem}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._icon_qaim4_186,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._icon_qaim4_186{font-size:2.4rem;min-width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._icon_qaim4_186._problem_qaim4_77,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._icon_qaim4_186._problem_qaim4_77{color:#ff6b6b;background:#ff6b6b26;box-shadow:0 0 15px #ff6b6b4d}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._icon_qaim4_186._solution_qaim4_143,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._icon_qaim4_186._solution_qaim4_143{color:#0ff;background:#00ffaa26;box-shadow:0 0 15px #00ffaa4d}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._headerContent_qaim4_209 h3,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._headerContent_qaim4_209 h3{color:#f8f9fa;font-size:1.9rem;margin-bottom:.8rem;font-weight:600}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._headerContent_qaim4_209 p,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._headerContent_qaim4_209 p{color:#b4b4c7;font-size:1.4rem;line-height:1.5}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222{padding:0 2.4rem 2.4rem;animation:_slideDown_qaim4_1 .3s ease-out}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222 ul,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222 ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.1);padding-top:1.6rem}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222 ul li,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222 ul li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;font-size:1.4rem;color:#b4b4c7}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244{margin-top:.2rem;font-size:1.4rem}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244._problem_qaim4_77,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244._problem_qaim4_77{color:#ff6b6b}._problemsSection_qaim4_77 ._problemItem_qaim4_158 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244._solution_qaim4_143,._problemsSection_qaim4_77 ._solutionItem_qaim4_159 ._itemDetails_qaim4_222 ul li ._detailIcon_qaim4_244._solution_qaim4_143{color:#0ff}._problemsSection_qaim4_77 ._divider_qaim4_257{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 2rem}@media (max-width: 992px){._problemsSection_qaim4_77 ._divider_qaim4_257{flex-direction:row;margin:2rem 0}}._problemsSection_qaim4_77 ._divider_qaim4_257 ._dividerLine_qaim4_270{width:2px;height:30rem;background:linear-gradient(180deg,#fff0,#fff3,#fff0)}@media (max-width: 992px){._problemsSection_qaim4_77 ._divider_qaim4_257 ._dividerLine_qaim4_270{width:10rem;height:2px;background:linear-gradient(90deg,#fff0,#fff3,#fff0)}}._problemsSection_qaim4_77 ._divider_qaim4_257 ._dividerIcon_qaim4_282{margin:2rem 0;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0e0e1acc;border:2px solid rgba(255,255,255,.1);font-size:1.8rem;font-weight:700;color:#fff;box-shadow:0 0 20px #0000004d}._featuresSection_qaim4_298{position:relative;z-index:2;padding:9.6rem 3.2rem}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9{text-align:center;margin-bottom:6.4rem;position:relative;z-index:1}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 h2{font-size:4.8rem;font-weight:700;margin-bottom:2.4rem;position:relative;display:inline-block}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 h2:after{content:"";position:absolute;bottom:-1rem;left:25%;width:50%;height:.4rem;background:linear-gradient(135deg,#06f,#0ff);border-radius:.2rem}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 h2 ._highlight_qaim4_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 h2 ._highlight_qaim4_21:after{content:"";position:absolute;bottom:-.5rem;left:0;width:100%;height:.2rem;background:linear-gradient(135deg,#06f,#0ff);border-radius:.1rem}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 p{font-size:1.6rem;color:#adb5bd;line-height:1.6;margin-top:1.2rem;flex-grow:1}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 ._featureCardFooter_qaim4_350{margin-top:2.4rem;display:flex;justify-content:flex-end}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 ._featureLearnMore_qaim4_355{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:500;color:#0ff;cursor:pointer;opacity:0;transform:translate(-1rem);transition:all .3s ease}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 ._featureLearnMore_qaim4_355 svg{transition:transform .2s ease}._featuresSection_qaim4_298 ._sectionHeading_qaim4_9 ._featureLearnMore_qaim4_355:hover svg{transform:translate(.4rem)}._featuresSection_qaim4_298 ._featureGrid_qaim4_373{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));gap:3.2rem;padding:0 1.6rem;margin-top:6.4rem}@media (max-width: 768px){._featuresSection_qaim4_298 ._featureGrid_qaim4_373{grid-template-columns:1fr}}._featuresSection_qaim4_298 ._featureCard_qaim4_350{background:#0e0e1ab3;border-radius:1.6rem;padding:3.2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}._featuresSection_qaim4_298 ._featureCard_qaim4_350:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9d4edd0d,#00f5a00d);opacity:0;transition:opacity .3s ease}._featuresSection_qaim4_298 ._featureCard_qaim4_350:hover,._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411{transform:translateY(-10px);box-shadow:0 2rem 4rem #0000004d;border-color:#9d4edd4d}._featuresSection_qaim4_298 ._featureCard_qaim4_350:hover:before,._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411:before{opacity:1}._featuresSection_qaim4_298 ._featureCard_qaim4_350:hover ._featureIconWrapper_qaim4_419,._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411 ._featureIconWrapper_qaim4_419{transform:scale(1.1);box-shadow:0 0 3rem #9d4edd80}._featuresSection_qaim4_298 ._featureCard_qaim4_350:hover ._featureLearnMore_qaim4_355,._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411 ._featureLearnMore_qaim4_355{opacity:1;transform:translate(0)}._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411{border-color:#00f5a04d}._featuresSection_qaim4_298 ._featureCard_qaim4_350._featureCardActive_qaim4_411 ._featureIconWrapper_qaim4_419{box-shadow:0 0 3rem #00f5a080}._featuresSection_qaim4_298 ._featureCard_qaim4_350 ._featureIconWrapper_qaim4_419{width:8rem;height:8rem;border-radius:50%;background:linear-gradient(135deg,#06f,#0ff);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;position:relative;box-shadow:0 0 2rem #9d4edd4d}._featuresSection_qaim4_298 ._featureCard_qaim4_350 ._featureIconWrapper_qaim4_419:after{content:"";position:absolute;inset:-.5rem;border-radius:50%;background:linear-gradient(135deg,#9d4edd33,#00f5a033);z-index:-1;animation:_pulse_qaim4_1 3s infinite alternate}@keyframes _pulse_qaim4_1{0%{transform:scale(1);opacity:.5}to{transform:scale(1.15);opacity:.2}}._featuresSection_qaim4_298 ._featureCard_qaim4_350 ._featureIcon_qaim4_419{width:6.4rem;height:6.4rem;border-radius:50%;background:#0e0e1ae6;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f8f9fa;position:relative;overflow:hidden}._featuresSection_qaim4_298 ._featureCard_qaim4_350 ._featureIcon_qaim4_419 svg{filter:drop-shadow(0 0 .8rem rgba(0,245,160,.5));z-index:2}._featuresSection_qaim4_298 ._featureCard_qaim4_350 ._featureIcon_qaim4_419:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(157,78,221,.3),transparent 70%);z-index:1}._featuresSection_qaim4_298 ._featureCard_qaim4_350 h3{margin:2.4rem 0 1.2rem;font-size:2.2rem;font-weight:600;background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._featuresSection_qaim4_298 ._featureCard_qaim4_350 p{color:#b4b4c7;font-size:1.4rem;line-height:1.6}._preVendaContainer_1rt3j_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_1rt3j_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_1rt3j_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_1rt3j_9 h2 ._highlight_1rt3j_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_1rt3j_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}._featuresSection_1rt3j_33{position:relative;z-index:2;padding:9.6rem 3.2rem}._featuresSection_1rt3j_33 ._sectionHeading_1rt3j_9{margin-bottom:6.4rem;position:relative;z-index:1}._featuresSection_1rt3j_33 ._sectionHeading_1rt3j_9 p{font-size:1.6rem;color:#adb5bd;line-height:1.6;margin-top:1.2rem;flex-grow:1}._featuresSection_1rt3j_33 ._featureCardFooter_1rt3j_50{margin-top:2.4rem;display:flex;justify-content:flex-end}._featuresSection_1rt3j_33 ._featureLearnMore_1rt3j_55{display:flex;align-items:center;gap:.8rem;font-size:1.4rem;font-weight:500;color:#00f5a04d;cursor:pointer;opacity:0;transform:translate(-1rem);transition:all .3s ease}._featuresSection_1rt3j_33 ._featureLearnMore_1rt3j_55 svg{transition:transform .2s ease}._featuresSection_1rt3j_33 ._featureLearnMore_1rt3j_55:hover svg{transform:translate(.4rem)}._featuresSection_1rt3j_33 ._featureGrid_1rt3j_73{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));gap:3.2rem;padding:0 1.6rem;margin-top:6.4rem}@media (max-width: 768px){._featuresSection_1rt3j_33 ._featureGrid_1rt3j_73{grid-template-columns:1fr}}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50{background:#0e0e1ab3;border-radius:1.6rem;padding:3.2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#9d4edd0d,#00f5a00d);opacity:0;transition:opacity .3s ease}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50:hover,._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111{transform:translateY(-10px);box-shadow:0 2rem 4rem #0000004d;border-color:#9d4edd4d}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50:hover:before,._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111:before{opacity:1}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50:hover ._featureIconWrapper_1rt3j_119,._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111 ._featureIconWrapper_1rt3j_119{transform:scale(1.1);box-shadow:0 0 3rem #9d4edd80}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50:hover ._featureLearnMore_1rt3j_55,._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111 ._featureLearnMore_1rt3j_55{opacity:1;transform:translate(0)}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111{border-color:#00f5a04d}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50._featureCardActive_1rt3j_111 ._featureIconWrapper_1rt3j_119{box-shadow:0 0 3rem #00f5a080}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 ._featureIconWrapper_1rt3j_119{width:8rem;height:8rem;border-radius:50%;background:linear-gradient(135deg,#06f,#0ff);display:flex;align-items:center;justify-content:center;margin:0 auto;transition:all .3s ease;position:relative;box-shadow:0 0 2rem #9d4edd4d}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 ._featureIconWrapper_1rt3j_119:after{content:"";position:absolute;inset:-.5rem;border-radius:50%;background:linear-gradient(135deg,#9d4edd33,#00f5a033);z-index:-1;animation:_pulse_1rt3j_1 3s infinite alternate}@keyframes _pulse_1rt3j_1{0%{transform:scale(1);opacity:.5}to{transform:scale(1.15);opacity:.2}}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 ._featureIcon_1rt3j_119{width:6.4rem;height:6.4rem;border-radius:50%;background:#0e0e1ae6;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#f8f9fa;position:relative;overflow:hidden}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 ._featureIcon_1rt3j_119 svg{filter:drop-shadow(0 0 .8rem rgba(0,245,160,.5));z-index:2}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 ._featureIcon_1rt3j_119:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle at center,rgba(157,78,221,.3),transparent 70%);z-index:1}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 h3{margin:2.4rem 0 1.2rem;font-size:2.2rem;font-weight:600;background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._featuresSection_1rt3j_33 ._featureCard_1rt3j_50 p{color:#b4b4c7;font-size:1.4rem;line-height:1.6}._personasSection_1rt3j_208{position:relative;z-index:2;padding:9.6rem 3.2rem}._personasSection_1rt3j_208 ._personasWrapper_1rt3j_213{max-width:120rem;margin:6.4rem auto 0;display:flex;flex-direction:column;gap:4.8rem}@media (max-width: 768px){._personasSection_1rt3j_208 ._personasWrapper_1rt3j_213{gap:3.2rem}}._personasSection_1rt3j_208 ._personasNav_1rt3j_225{display:flex;gap:2.4rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){._personasSection_1rt3j_208 ._personasNav_1rt3j_225{flex-direction:column;gap:1.6rem}}._personasSection_1rt3j_208 ._personaTab_1rt3j_237{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:1.6rem;padding:2.4rem;display:flex;align-items:center;gap:2.4rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);flex:1;min-width:30rem;max-width:38rem;position:relative;overflow:hidden}._personasSection_1rt3j_208 ._personaTab_1rt3j_237:before{content:"";position:absolute;left:0;bottom:0;height:.3rem;width:0;background:linear-gradient(135deg,#06f,#0ff);transition:width .3s ease}._personasSection_1rt3j_208 ._personaTab_1rt3j_237:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2.5rem #0003}._personasSection_1rt3j_208 ._personaTab_1rt3j_237:hover ._personaTabIcon_1rt3j_268{transform:scale(1.1)}._personasSection_1rt3j_208 ._personaTab_1rt3j_237._activeTab_1rt3j_271{border-color:#9d4edd4d;box-shadow:0 1rem 2.5rem #0003}._personasSection_1rt3j_208 ._personaTab_1rt3j_237._activeTab_1rt3j_271:before{width:100%}._personasSection_1rt3j_208 ._personaTab_1rt3j_237._activeTab_1rt3j_271 ._personaTabIcon_1rt3j_268{transform:scale(1.1);box-shadow:0 0 2rem #00f5a04d}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabIcon_1rt3j_268{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background:linear-gradient(135deg,#06f,#0ff);font-size:2.8rem;color:#f8f9fa;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabIcon_1rt3j_268:after{content:"";position:absolute;inset:-.4rem;border-radius:50%;background:linear-gradient(135deg,#9d4edd33,#00f5a033);z-index:-1;opacity:.5}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabIcon_1rt3j_268 svg{filter:drop-shadow(0 0 .5rem rgba(0,0,0,.3))}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabContent_1rt3j_312{flex:1}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabContent_1rt3j_312 h3{font-size:2rem;font-weight:600;margin-bottom:.8rem}._personasSection_1rt3j_208 ._personaTab_1rt3j_237 ._personaTabContent_1rt3j_312 p{color:#adb5bd;font-size:1.4rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._personasSection_1rt3j_208 ._personaDetails_1rt3j_330{position:relative;min-height:24rem}._personasSection_1rt3j_208 ._personaPanel_1rt3j_334{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:1.6rem;padding:4rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(2rem);transition:all .5s ease;visibility:hidden}._personasSection_1rt3j_208 ._personaPanel_1rt3j_334._activePanel_1rt3j_349{opacity:1;transform:translateY(0);visibility:visible}@media (max-width: 768px){._personasSection_1rt3j_208 ._personaPanel_1rt3j_334{padding:3.2rem 2.4rem}}._personasSection_1rt3j_208 ._personaBenefits_1rt3j_359 h3{font-size:2.4rem;font-weight:600;margin-bottom:3.2rem;text-align:center;background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._personasSection_1rt3j_208 ._benefitsList_1rt3j_369{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2.4rem}@media (max-width: 768px){._personasSection_1rt3j_208 ._benefitsList_1rt3j_369{grid-template-columns:1fr}}._personasSection_1rt3j_208 ._benefitItem_1rt3j_379{display:flex;align-items:center;gap:1.6rem;background:#1a1a2e80;border-radius:1.2rem;padding:2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}._personasSection_1rt3j_208 ._benefitItem_1rt3j_379:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2rem #0003;border-color:#00f5a033}._personasSection_1rt3j_208 ._benefitItem_1rt3j_379:hover ._benefitIcon_1rt3j_394{transform:scale(1.1)}._personasSection_1rt3j_208 ._benefitIcon_1rt3j_394{width:4.8rem;height:4.8rem;border-radius:50%;background:#0e0e1ab3;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#00f5a04d;flex-shrink:0;transition:all .3s ease}._personasSection_1rt3j_208 ._benefitText_1rt3j_410{font-size:1.6rem;font-weight:500;color:#f8f9fa}._personasSection_1rt3j_208 ._personaIcon_1rt3j_415{font-size:2.8rem}._personasSection_1rt3j_208 ._personaIcon_1rt3j_415._developer_1rt3j_418,._personasSection_1rt3j_208 ._personaIcon_1rt3j_415._product_1rt3j_421,._personasSection_1rt3j_208 ._personaIcon_1rt3j_415._agency_1rt3j_424{color:#f8f9fa}._preVendaContainer_wr8xf_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_wr8xf_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_wr8xf_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_wr8xf_9 h2 ._highlight_wr8xf_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_wr8xf_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}._personasSection_wr8xf_33{position:relative;z-index:2;padding:9.6rem 3.2rem}._personasSection_wr8xf_33 ._sectionHeading_wr8xf_9{margin-bottom:4rem}._personasSection_wr8xf_33 ._personasWrapper_wr8xf_41{max-width:120rem;margin:6.4rem auto 0;display:flex;flex-direction:column;gap:4.8rem}@media (max-width: 768px){._personasSection_wr8xf_33 ._personasWrapper_wr8xf_41{gap:3.2rem}}._personasSection_wr8xf_33 ._personasNav_wr8xf_53{display:flex;gap:2.4rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){._personasSection_wr8xf_33 ._personasNav_wr8xf_53{flex-direction:column;gap:1.6rem}}._personasSection_wr8xf_33 ._personaTab_wr8xf_65{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:1.6rem;padding:2.4rem;display:flex;align-items:center;gap:2.4rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);flex:1;min-width:30rem;max-width:38rem;position:relative;overflow:hidden}._personasSection_wr8xf_33 ._personaTab_wr8xf_65:before{content:"";position:absolute;left:0;bottom:0;height:.3rem;width:0;background:linear-gradient(135deg,#06f,#0ff);transition:width .3s ease}._personasSection_wr8xf_33 ._personaTab_wr8xf_65:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2.5rem #0003}._personasSection_wr8xf_33 ._personaTab_wr8xf_65:hover ._personaTabIcon_wr8xf_96{transform:scale(1.1)}._personasSection_wr8xf_33 ._personaTab_wr8xf_65._activeTab_wr8xf_99{border-color:#9d4edd4d;box-shadow:0 1rem 2.5rem #0003}._personasSection_wr8xf_33 ._personaTab_wr8xf_65._activeTab_wr8xf_99:before{width:100%}._personasSection_wr8xf_33 ._personaTab_wr8xf_65._activeTab_wr8xf_99 ._personaTabIcon_wr8xf_96{transform:scale(1.1);box-shadow:0 0 2rem #00f5a04d}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabIcon_wr8xf_96{display:flex;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background:linear-gradient(135deg,#06f,#0ff);font-size:2.8rem;color:#f8f9fa;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabIcon_wr8xf_96:after{content:"";position:absolute;inset:-.4rem;border-radius:50%;background:linear-gradient(135deg,#9d4edd33,#00f5a033);z-index:-1;opacity:.5}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabIcon_wr8xf_96 svg{filter:drop-shadow(0 0 .5rem rgba(0,0,0,.3))}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabContent_wr8xf_140{flex:1}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabContent_wr8xf_140 h3{color:#f8f9fa;font-size:2rem;font-weight:600;margin-bottom:.8rem}._personasSection_wr8xf_33 ._personaTab_wr8xf_65 ._personaTabContent_wr8xf_140 p{color:#adb5bd;font-size:1.4rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}._personasSection_wr8xf_33 ._personaDetails_wr8xf_159{position:relative;min-height:24rem}._personasSection_wr8xf_33 ._personaPanel_wr8xf_163{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:1.6rem;padding:4rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(2rem);transition:all .5s ease;visibility:hidden}._personasSection_wr8xf_33 ._personaPanel_wr8xf_163._activePanel_wr8xf_178{opacity:1;transform:translateY(0);visibility:visible}@media (max-width: 768px){._personasSection_wr8xf_33 ._personaPanel_wr8xf_163{padding:3.2rem 2.4rem}}._personasSection_wr8xf_33 ._personaBenefits_wr8xf_188 h3{font-size:2.4rem;font-weight:600;margin-bottom:3.2rem;text-align:center;background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}._personasSection_wr8xf_33 ._benefitsList_wr8xf_198{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:2.4rem}@media (max-width: 768px){._personasSection_wr8xf_33 ._benefitsList_wr8xf_198{grid-template-columns:1fr}}._personasSection_wr8xf_33 ._benefitItem_wr8xf_208{display:flex;align-items:center;gap:1.6rem;background:#1a1a2e80;border-radius:1.2rem;padding:2rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.05)}._personasSection_wr8xf_33 ._benefitItem_wr8xf_208:hover{transform:translateY(-.5rem);box-shadow:0 1rem 2rem #0003;border-color:#00f5a033}._personasSection_wr8xf_33 ._benefitItem_wr8xf_208:hover ._benefitIcon_wr8xf_223{transform:scale(1.1)}._personasSection_wr8xf_33 ._benefitIcon_wr8xf_223{width:4.8rem;height:4.8rem;border-radius:50%;background:#0e0e1ab3;display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#00f5a04d;flex-shrink:0;transition:all .3s ease}._personasSection_wr8xf_33 ._benefitText_wr8xf_239{font-size:1.6rem;font-weight:500;color:#f8f9fa}._personasSection_wr8xf_33 ._personaIcon_wr8xf_244{font-size:2.8rem}._personasSection_wr8xf_33 ._personaIcon_wr8xf_244._developer_wr8xf_247,._personasSection_wr8xf_33 ._personaIcon_wr8xf_244._product_wr8xf_250,._personasSection_wr8xf_33 ._personaIcon_wr8xf_244._agency_wr8xf_253{color:#f8f9fa}._faqSection_1h6ja_1{max-width:120rem;margin:0 auto;position:relative;z-index:2;padding:9.6rem 3.2rem}._faqSection_1h6ja_1 ._sectionHeading_1h6ja_8{margin-bottom:4rem;text-align:center}._faqSection_1h6ja_1 ._faqWrapper_1h6ja_12{max-width:120rem;margin:6.4rem auto 0;display:flex;gap:4rem}@media (max-width: 992px){._faqSection_1h6ja_1 ._faqWrapper_1h6ja_12{flex-direction:column;gap:3.2rem}}._faqSection_1h6ja_1 ._faqSidebar_1h6ja_24{flex:0 0 30rem}@media (max-width: 992px){._faqSection_1h6ja_1 ._faqSidebar_1h6ja_24{flex:1}}._faqSection_1h6ja_1 ._faqSearch_1h6ja_32{margin-bottom:2.4rem}._faqSection_1h6ja_1 ._searchInputWrapper_1h6ja_35{position:relative;width:100%}._faqSection_1h6ja_1 ._searchIcon_1h6ja_39{position:absolute;left:1.6rem;top:50%;transform:translateY(-50%);color:#adb5bd;font-size:1.8rem}._faqSection_1h6ja_1 ._searchInput_1h6ja_35{width:100%;background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:.8rem;padding:1.2rem 1.6rem 1.2rem 4.8rem;color:#f8f9fa;font-size:1.6rem;transition:all .3s ease;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}._faqSection_1h6ja_1 ._searchInput_1h6ja_35:focus{outline:none;border-color:#9d4edd4d;box-shadow:0 0 0 2px #9d4edd1a}._faqSection_1h6ja_1 ._searchInput_1h6ja_35::placeholder{color:#adb5bd}._faqSection_1h6ja_1 ._faqCategories_1h6ja_66{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-bottom:4rem}@media (max-width: 768px){._faqSection_1h6ja_1 ._faqCategories_1h6ja_66{gap:1rem}}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:3rem;padding:1.2rem 2.4rem;color:#f8f9fa;font-size:1.6rem;text-align:center;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);position:relative;overflow:hidden}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78:hover{background:#1a1a2ecc;transform:translateY(-2px);border-color:#9d4edd33}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78:before{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(135deg,#06f,#0ff);border-radius:3.2rem;opacity:0;transition:opacity .3s ease}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78._activeCategory_1h6ja_110{background:#0e0e1ae6;border-color:#9d4edd80;font-weight:600;box-shadow:0 .5rem 1.5rem #0003;animation:_glow_1h6ja_1 2s infinite}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78._activeCategory_1h6ja_110:before{opacity:.8}._faqSection_1h6ja_1 ._categoryButton_1h6ja_78._activeCategory_1h6ja_110:after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:3px;background:linear-gradient(135deg,#06f,#0ff);border-radius:3px}@media (max-width: 768px){._faqSection_1h6ja_1 ._categoryButton_1h6ja_78{flex:1 1 auto;padding:1rem 1.6rem;font-size:1.4rem;min-width:12rem}}._faqSection_1h6ja_1 ._faqContent_1h6ja_138{flex:1}._faqSection_1h6ja_1 ._faqContainer_1h6ja_141{max-width:80rem;margin:0 auto}._faqSection_1h6ja_1 ._faqItem_1h6ja_145{background:#1a1a2e80;border:1px solid rgba(255,255,255,.05);border-radius:1.2rem;margin-bottom:1.6rem;overflow:hidden;transition:all .3s ease}._faqSection_1h6ja_1 ._faqItem_1h6ja_145:hover{border-color:#9d4edd33}._faqSection_1h6ja_1 ._faqItem_1h6ja_145._faqOpen_1h6ja_156{box-shadow:0 1rem 2rem #0000001a;border-color:#9d4edd4d}._faqSection_1h6ja_1 ._faqItem_1h6ja_145._faqOpen_1h6ja_156 ._faqQuestion_1h6ja_160{border-bottom:1px solid rgba(255,255,255,.05)}._faqSection_1h6ja_1 ._faqItem_1h6ja_145._faqOpen_1h6ja_156 ._faqArrow_1h6ja_163{transform:rotate(180deg);color:#00f5a0}._faqSection_1h6ja_1 ._faqItem_1h6ja_145._faqOpen_1h6ja_156 ._faqAnswer_1h6ja_167{max-height:500px;padding:2rem;opacity:1}._faqSection_1h6ja_1 ._faqQuestion_1h6ja_160{width:100%;padding:2rem;font-weight:600;font-size:1.6rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease;color:#f8f9fa;background:transparent;border:none;text-align:left}._faqSection_1h6ja_1 ._faqQuestionContent_1h6ja_187{display:flex;align-items:center;gap:1.6rem;flex:1}._faqSection_1h6ja_1 ._faqIcon_1h6ja_193{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#f8f9fa;flex-shrink:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 0 1rem #0003}._faqSection_1h6ja_1 ._faqIcon_1h6ja_193 svg{filter:drop-shadow(0 0 3px rgba(255,255,255,.5))}._faqSection_1h6ja_1 ._faqArrow_1h6ja_163{font-size:2rem;color:#adb5bd;transition:transform .3s ease}._faqSection_1h6ja_1 ._faqAnswer_1h6ja_167{max-height:0;overflow:hidden;transition:all .3s ease;opacity:0}._faqSection_1h6ja_1 ._faqAnswer_1h6ja_167 p{margin:0;font-size:1.6rem;line-height:1.6;color:#adb5bd;padding:0 2rem}._faqSection_1h6ja_1 ._noResults_1h6ja_228{background:#0e0e1ab3;border:1px solid rgba(255,255,255,.05);border-radius:1.2rem;padding:3.2rem;text-align:center;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}._faqSection_1h6ja_1 ._noResults_1h6ja_228 p{color:#adb5bd;font-size:1.6rem}._sectionHeading_1h6ja_8{margin-bottom:6rem;text-align:center}._sectionHeading_1h6ja_8 h2{margin-bottom:1.6rem;font-size:4.2rem}._sectionHeading_1h6ja_8 h2 ._highlight_1h6ja_249{background:linear-gradient(90deg,#0fa,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}._sectionHeading_1h6ja_8 h2 ._highlight_1h6ja_249:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0fa,#00a3ff)}._sectionHeading_1h6ja_8 p{font-size:1.8rem;max-width:70rem;margin:0 auto;color:#b4b4c7}._contactSection_50vcz_1{position:relative;z-index:2;padding:9.6rem 3.2rem;background-color:transparent}._contactSection_50vcz_1 ._contactContainer_50vcz_7{max-width:80rem;margin:0 auto}._contactSection_50vcz_1 ._contactForm_50vcz_11{border-radius:1.2rem;padding:4.8rem;border:1px solid rgba(255,255,255,.05);box-shadow:0 2rem 4rem #0003;background-color:#1a1a2e80;position:relative;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}._contactSection_50vcz_1 ._contactForm_50vcz_11._formLoading_50vcz_20{opacity:.7;pointer-events:none}._contactSection_50vcz_1 ._formSuccess_50vcz_24{background:#00f5a01a;border:1px solid rgba(0,245,160,.3);border-radius:.8rem;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.6rem}._contactSection_50vcz_1 ._formSuccess_50vcz_24 svg{color:#00f5a04d;font-size:2.4rem;flex-shrink:0}._contactSection_50vcz_1 ._formSuccess_50vcz_24 p{margin:0;font-size:1.6rem;color:#00f5a04d}._contactSection_50vcz_1 ._formError_50vcz_44{background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:.8rem;padding:1.5rem;margin-bottom:2rem;display:flex;align-items:center;gap:1.6rem}._contactSection_50vcz_1 ._formError_50vcz_44 svg{color:#f36;font-size:2.4rem;flex-shrink:0}._contactSection_50vcz_1 ._formError_50vcz_44 p{margin:0;color:#f36}._contactSection_50vcz_1 ._formRow_50vcz_63{display:flex;gap:2rem;margin-bottom:2.4rem}@media (max-width: 768px){._contactSection_50vcz_1 ._formRow_50vcz_63{flex-direction:column;gap:1.6rem}}._contactSection_50vcz_1 ._formRow_50vcz_63 ._formGroup_50vcz_74{flex:1}._contactSection_50vcz_1 ._formLabel_50vcz_77{display:block;margin-bottom:.8rem;font-weight:500;font-size:1.4rem}._contactSection_50vcz_1 ._formInput_50vcz_83,._contactSection_50vcz_1 ._formSelect_50vcz_84,._contactSection_50vcz_1 ._formTextarea_50vcz_85{width:100%;background:#0e0e1ab3;border:1px solid rgba(255,255,255,.1);border-radius:.6rem;padding:1.2rem 1.6rem;color:#f8f9fa;font-size:1.4rem;transition:all .3s ease}._contactSection_50vcz_1 ._formInput_50vcz_83::placeholder,._contactSection_50vcz_1 ._formSelect_50vcz_84::placeholder,._contactSection_50vcz_1 ._formTextarea_50vcz_85::placeholder{color:#ffffff4d}._contactSection_50vcz_1 ._formTextarea_50vcz_85{min-height:12rem;resize:vertical;margin-bottom:2.4rem}._contactSection_50vcz_1 ._formError_50vcz_44{color:#f36;font-size:1.2rem;margin-top:.8rem}._contactSection_50vcz_1 ._checkboxGroup_50vcz_110{display:flex;align-items:flex-start;gap:1.2rem;margin-bottom:2.4rem}._contactSection_50vcz_1 ._formCheckbox_50vcz_116{margin-top:.4rem}._contactSection_50vcz_1 ._checkboxLabel_50vcz_119{font-size:1.4rem;color:#b4b4c7}._contactSection_50vcz_1 ._checkboxLabel_50vcz_119 a{color:#0cf;text-decoration:none}._contactSection_50vcz_1 ._checkboxLabel_50vcz_119 a:hover{text-decoration:underline}._contactSection_50vcz_1 ._formSubmit_50vcz_130{background:linear-gradient(135deg,#06f,#0ff);border:none;color:#f8f9fa;padding:1.6rem 2rem;border-radius:.6rem;font-weight:600;font-size:1.6rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;cursor:pointer;transition:all .3s ease}._contactSection_50vcz_1 ._formSubmit_50vcz_130:hover:not(:disabled){transform:translateY(-2px)}._contactSection_50vcz_1 ._formSubmit_50vcz_130:disabled{opacity:.7;cursor:not-allowed}._sectionHeading_50vcz_154{margin-bottom:6rem;text-align:center}._sectionHeading_50vcz_154 h2{margin-bottom:1.6rem;font-size:4.2rem}._sectionHeading_50vcz_154 h2 ._highlight_50vcz_162{background:linear-gradient(90deg,#0fa,#00a3ff);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}._sectionHeading_50vcz_154 h2 ._highlight_50vcz_162:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0fa,#00a3ff)}._sectionHeading_50vcz_154 p{font-size:1.8rem;max-width:70rem;margin:0 auto;color:#b4b4c7}._preVendaContainer_1h71c_1{background:radial-gradient(circle at 70% 30%,rgba(0,204,255,.15),transparent 60%);color:#f8f9fa;min-height:100vh;position:relative;overflow:hidden}._sectionHeading_1h71c_9{text-align:center;max-width:80rem;margin:0 auto 4rem}._sectionHeading_1h71c_9 h2{font-size:3.6rem;font-weight:700;margin-bottom:1.6rem;position:relative;display:inline-block}._sectionHeading_1h71c_9 h2 ._highlight_1h71c_21{background:linear-gradient(135deg,#06f,#0ff);-webkit-background-clip:text;background-clip:text;color:transparent}._sectionHeading_1h71c_9 p{font-size:1.6rem;color:#b4b4c7;line-height:1.6}._footer_1h71c_33{position:relative;z-index:2;padding:4rem 2rem 2rem;background-color:transparent}._footer_1h71c_33 ._footerContent_1h71c_39{max-width:120rem;margin:0 auto}._footer_1h71c_33 ._footerTop_1h71c_43{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}@media (max-width: 992px){._footer_1h71c_33 ._footerTop_1h71c_43{flex-direction:column;gap:3.2rem}}._footer_1h71c_33 ._footerAbout_1h71c_56{max-width:35rem}._footer_1h71c_33 ._footerAbout_1h71c_56 ._footerLogo_1h71c_59{margin-bottom:2.4rem}._footer_1h71c_33 ._footerAbout_1h71c_56 p{color:#b4b4c7;margin-bottom:2.4rem;font-size:1.4rem;line-height:1.6}._footer_1h71c_33 ._socialLinks_1h71c_68{display:flex;gap:1.6rem}._footer_1h71c_33 ._socialLinks_1h71c_68 a{width:3.6rem;height:3.6rem;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#f8f9fa;transition:all .3s ease}._footer_1h71c_33 ._socialLinks_1h71c_68 a:hover{background:linear-gradient(135deg,#06f,#0ff);transform:translateY(-3px)}._footer_1h71c_33 ._footerColumn_1h71c_87 h4{font-size:1.8rem;font-weight:600;margin-bottom:2.4rem;color:#f8f9fa}._footer_1h71c_33 ._footerColumn_1h71c_87 ul{list-style:none;padding:0;margin:0}._footer_1h71c_33 ._footerColumn_1h71c_87 ul li{margin-bottom:.75rem}._footer_1h71c_33 ._footerColumn_1h71c_87 ul li a{color:#b4b4c7;text-decoration:none;font-size:1.6rem;transition:color .3s ease}._footer_1h71c_33 ._footerColumn_1h71c_87 ul li a:hover{color:#3a86ff4d}._footer_1h71c_33 ._footerBottom_1h71c_110{border-top:1px solid rgba(255,255,255,.05);padding-top:3.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.6rem}@media (max-width: 768px){._footer_1h71c_33 ._footerBottom_1h71c_110{flex-direction:column;text-align:center}}._footer_1h71c_33 ._copyright_1h71c_125{color:#b4b4c7;font-size:1.5rem}._footer_1h71c_33 ._footerLinks_1h71c_129{display:flex;gap:2.4rem}._footer_1h71c_33 ._footerLinks_1h71c_129 a{color:#b4b4c7;text-decoration:none;font-size:1.5rem;transition:color .3s ease}._footer_1h71c_33 ._footerLinks_1h71c_129 a:hover{color:#3a86ff4d}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #2c3e50;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #ced4da;--brand-primary: #3498db;--brand-secondary: #2c3e50;--brand-accent: #2ecc71;--color-success: #2ecc71;--color-error: #e74c3c;--color-warning: #f39c12;--color-info: #3498db}[data-theme=dark]{--bg-primary: #1a1d23;--bg-secondary: #242831;--bg-tertiary: #2d3139;--text-primary: #e9ecef;--text-secondary: #adb5bd;--text-muted: #6c757d;--border-color: #3d4149;--shadow-color: rgba(0, 0, 0, .3);--input-bg: #2d3139;--input-border: #3d4149}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:#3498db4d;color:var(--text-primary)}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}