@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--text-primary: var(--text-main);--border: #e2e8f0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success: #10b981;--success-hover: #059669;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--toggle-bg: #cbd5e1;--sidebar-width: 280px;--properties-width: 320px;--header-height: 60px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-main)}.dark{--primary: #7986cb;--primary-hover: #5c6bc0;--primary-light: #2c344e;--secondary: #eceff1;--bg-main: #0f172a;--bg-card: #1e293b;--bg-secondary: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--success: #34d399;--success-hover: #10b981;--warning-bg: #451a03;--warning-text: #fcd34d;--danger: #f87171;--danger-light: #450a0a;--text-primary: var(--text-main);--toggle-bg: #475569}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.app-container{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-main)}.header{height:var(--header-height);background-color:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:10}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.canvas{flex:1;background-color:var(--bg-main);overflow-y:auto;display:flex;justify-content:center;padding:40px}.properties{width:var(--properties-width);background-color:var(--bg-card);border-left:1px solid var(--border);overflow-y:auto}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;color:var(--primary);font-family:Outfit,sans-serif}.nav-tabs{display:flex;gap:24px}.nav-tab{display:flex;align-items:center;gap:6px;padding:4px 8px;font-weight:500;color:var(--text-muted);border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;font-size:.9rem;transition:all .2s}.nav-tab:hover{color:var(--text-main)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.header-actions{display:flex;gap:12px}.btn{padding:8px 16px;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-main)}.user-menu-container{position:relative;margin-left:8px;z-index:50}.user-avatar-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:24px;background:var(--bg-main);border:1px solid var(--border);cursor:pointer;transition:all .2s}.user-avatar-btn:hover{background:var(--primary-light);border-color:var(--primary)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:150;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:16px;display:flex;flex-direction:column;gap:2px}.user-info strong{font-size:.9rem;color:var(--text-main)}.user-info span{font-size:.8rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border)}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;color:var(--text-main);background:none;border:none;cursor:pointer;transition:all .2s}.dropdown-item:hover{background:var(--bg-main);color:var(--danger)}.header-actions{display:flex;align-items:center;gap:12px}.header-left{display:flex;align-items:center;gap:24px}.form-selector{position:relative}.form-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;max-width:200px;color:var(--text-main)}.form-selector-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-selector-btn:hover{background:var(--primary-light);border-color:var(--primary)}.form-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;overflow:hidden;z-index:100;animation:dropdownFadeIn .2s ease}.form-dropdown .dropdown-item{justify-content:space-between}.form-dropdown .dropdown-item:hover{color:var(--primary)}.form-dropdown .dropdown-item.active{background:var(--primary-light);color:var(--primary)}.form-dropdown .create-new{color:var(--primary);font-weight:500}.form-dropdown .create-new:hover{background:var(--primary-light)}.published-icon{color:var(--success)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:var(--text-muted)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:var(--success-hover)}.demo-badge{padding:4px 10px;background:var(--warning-bg);color:var(--warning-text);border-radius:20px;font-size:.75rem;font-weight:600}.sidebar-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:20px;text-align:center}.form-item-actions{display:flex;align-items:center;gap:8px}.delete-form-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .2s;opacity:0}.dropdown-item:hover .delete-form-btn,.delete-form-btn:focus-visible{opacity:1}.delete-form-btn:hover{background-color:var(--danger-light);color:var(--danger)}.active .delete-form-btn{color:var(--primary)}.active .delete-form-btn:hover{background-color:var(--primary-light);color:var(--danger)}.login-page{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-secondary: #f1f5f9;--text-main: #1e293b;--text-muted: #64748b;--text-primary: var(--text-main);--border: #e2e8f0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--success: #10b981;--success-hover: #059669;--warning-bg: #fef3c7;--warning-text: #92400e;--danger: #ef4444;--danger-light: #fee2e2;--toggle-bg: #cbd5e1;min-height:100vh;display:flex;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;position:relative;z-index:1}.login-branding{text-align:center;color:#fff}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.login-logo-icon{width:56px;height:56px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-logo h1{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:700;margin:0}.login-tagline{font-size:1.25rem;opacity:.9;margin-bottom:48px}.login-features{display:flex;flex-direction:column;gap:20px;max-width:400px}.login-feature{display:flex;align-items:center;gap:16px;background:#ffffff1a;padding:16px 24px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,background .3s}.login-feature:hover{transform:translate(8px);background:#ffffff26}.feature-icon{width:44px;height:44px;background:#fff3;border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-text h3{font-size:1rem;font-weight:600;margin:0 0 4px}.feature-text p{font-size:.875rem;opacity:.8;margin:0}.login-right{width:480px;background:var(--bg-card);display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative;z-index:1}.login-card{max-width:360px;margin:0 auto;width:100%}.login-card h2{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:700;color:var(--text-main);margin:0 0 8px}.login-card>p{color:var(--text-muted);margin:0 0 32px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;font-size:1rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .3s}.google-btn:hover{border-color:var(--primary);background:var(--bg-main);transform:translateY(-2px);box-shadow:0 4px 12px #4285f433}.google-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-main)}.form-group input{padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:1rem;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.submit-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-footer{text-align:center;margin-top:32px;font-size:.875rem;color:var(--text-muted)}.login-footer a{color:var(--primary);font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:900px){.login-page{flex-direction:column}.login-left{padding:40px 24px}.login-features{display:none}.login-right{width:100%;padding:40px 24px}}.demo-banner,.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:20px}.demo-banner{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-text)}.error-banner{background:var(--danger-light);color:var(--danger);border:1px solid var(--danger)}.loading-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#4285f4;border-radius:50%;animation:spin .8s linear infinite}.google-btn:disabled,.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.form-group input:disabled{background:var(--bg-main);cursor:not-allowed}.new-form-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:newFormFadeIn .2s ease-out}.new-form-modal{background:var(--bg-card);width:600px;max-width:90vw;border-radius:16px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;overflow:hidden;animation:newFormSlideUp .3s cubic-bezier(.16,1,.3,1);border:1px solid var(--border)}.new-form-modal-header{padding:32px 32px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.new-form-header-text h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-main)}.new-form-header-text p{margin:4px 0 0;color:var(--text-muted);font-size:.95rem}.new-form-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.new-form-close-btn:hover{background:var(--bg-secondary);color:var(--text-main)}.new-form-options-grid{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.new-form-option-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;text-align:left;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.new-form-option-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:var(--bg-secondary)}.new-form-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.new-form-option-content h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-main)}.new-form-option-content p{margin:0;font-size:.875rem;color:var(--text-muted);line-height:1.5}@keyframes newFormFadeIn{0%{opacity:0}to{opacity:1}}@keyframes newFormSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dark .new-form-modal-overlay{background:#000000b3}.dark .new-form-option-card{background:var(--bg-card)}.dark .new-form-option-card:hover{box-shadow:0 4px 12px #0006;background:var(--bg-secondary)}.dark .new-form-header-text h2{color:var(--text-main)}.dark .new-form-header-text p{color:var(--text-muted)}.dark .new-form-option-content h3{color:var(--text-main)}.dark .new-form-option-content p{color:var(--text-muted)}.dark .new-form-close-btn:hover{color:var(--text-main);background:var(--bg-secondary)}@media(max-width:640px){.new-form-options-grid{grid-template-columns:1fr}}.import-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.import-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;border:1px solid var(--border);animation:slideUp .3s ease-out}.import-modal-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.import-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:0}.import-modal-content{padding:24px;overflow-y:auto;flex:1}.import-description{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.5}.json-textarea{width:100%;height:300px;padding:12px;background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border);border-radius:8px;font-family:monospace;font-size:.9rem;resize:vertical;transition:all .2s}.json-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.error-message{margin-top:12px;color:#ef4444;font-size:.9rem;display:flex;align-items:center;gap:8px}.import-modal-actions{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-secondary);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.btn-cancel{padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:var(--bg-main);color:var(--text-main)}.btn-import{padding:8px 16px;border-radius:6px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-import:hover:not(:disabled){opacity:.9}.btn-import:disabled{opacity:.5;cursor:not-allowed}.help-text{margin-top:12px;font-size:.85rem;color:var(--text-muted)}.help-text code{background:var(--bg-secondary);padding:2px 4px;border-radius:4px;font-family:monospace}.dark .import-modal-overlay{background-color:#000000b3}.confirm-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.confirm-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:480px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.confirm-modal-header{position:relative;padding:24px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between}.confirm-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal-icon.danger{background-color:#fee2e2;color:#dc2626}.confirm-modal-icon.warning{background-color:#fef3c7;color:#d97706}.confirm-modal-icon.info{background-color:#dbeafe;color:#2563eb}[data-theme=dark] .confirm-modal-icon.danger{background-color:#dc262633;color:#fca5a5}[data-theme=dark] .confirm-modal-icon.warning{background-color:#d9770633;color:#fcd34d}[data-theme=dark] .confirm-modal-icon.info{background-color:#2563eb33;color:#93c5fd}.confirm-modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.confirm-modal-close-btn:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-main)}.confirm-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-modal-body{padding:0 24px 24px}.confirm-modal-body h2{font-size:20px;font-weight:600;color:var(--text-main);margin:0 0 8px}.confirm-modal-body p{font-size:14px;color:var(--text-muted);margin:0;line-height:1.6}.confirm-modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.btn-secondary{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:var(--bg-main)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:100px}.btn-confirm.danger{background-color:#dc2626;color:#fff}.btn-confirm.danger:hover:not(:disabled){background-color:#b91c1c}.btn-confirm.warning{background-color:#d97706;color:#fff}.btn-confirm.warning:hover:not(:disabled){background-color:#b45309}.btn-confirm.info{background-color:#2563eb;color:#fff}.btn-confirm.info:hover:not(:disabled){background-color:#1d4ed8}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.workspace-container{min-height:100vh;background-color:var(--bg-main);display:flex;flex-direction:column}.workspace-header{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;overflow:visible}.workspace-header-section{display:flex;align-items:center;gap:16px;overflow:visible}.logo-clickable{cursor:pointer;margin-right:16px}.org-menu-container{position:relative;border-left:1px solid var(--border);padding-left:16px;z-index:50}.org-selector-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-main);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.org-selector-btn:hover{background-color:var(--bg-main);border-color:var(--border)}.org-dropdown{top:calc(100% + 8px);left:0;width:220px;z-index:150}.dropdown-header{padding:12px 16px 8px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.org-avatar{width:20px;height:20px;background-color:var(--primary-light);color:var(--primary);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.workspace-header .dropdown-item:hover{color:var(--primary)}.workspace-header .dropdown-item.logout:hover{color:var(--danger)}.workspace-nav-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s;color:var(--text-main);font-weight:500}.workspace-nav-item:hover{background-color:var(--bg-main)}.workspace-nav-wrapper{position:relative;z-index:50}.workspace-dropdown-menu{top:calc(100% + 4px);left:0;width:240px}.workspace-nav-btn{display:flex;align-items:center;gap:8px;border:none;background:none;color:var(--text-muted);font-weight:500;font-size:.875rem;cursor:pointer;transition:color .2s}.workspace-nav-btn:hover{color:var(--text-main)}.icon-btn{color:var(--text-muted);padding:4px;border-radius:50%;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.btn-create{background-color:#1f2937;color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .2s}.btn-create:hover{background-color:#374151}.btn-create:disabled{opacity:.7;cursor:not-allowed}.theme-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:all .2s}.theme-toggle:hover{background-color:var(--bg-main);border-color:var(--primary);color:var(--primary)}.workspace-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.controls-left{display:flex;align-items:center;gap:16px}.controls-right{display:flex;align-items:center}.workspace-content{flex:1;padding:32px;width:100%;max-width:1280px;margin:0 auto}.workspace-loading-state{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:32px;min-height:60vh}.loading-spinner-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner-wrapper p{color:var(--text-muted);font-size:.875rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.workspace-empty-state{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d;padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-top:32px;min-height:60vh}.empty-icon-wrapper{width:64px;height:64px;background-color:var(--bg-main);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.workspace-empty-state h2{font-size:1.25rem;font-weight:500;color:var(--text-main);margin-bottom:8px}.workspace-empty-state p{color:var(--text-muted);margin-bottom:32px}.empty-actions{display:flex;align-items:center;gap:16px}.btn-action{display:flex;align-items:center;gap:8px;padding:12px 24px;border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-main);background-color:transparent;font-weight:500;cursor:pointer;transition:all .2s}.btn-action:hover{background-color:var(--bg-main);border-color:var(--border-hover)}.btn-icon-circle{width:20px;height:20px;border-radius:50%;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px}.forms-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.forms-header h1{font-size:1.5rem;font-weight:700;color:var(--text-main)}.selection-banner{background-color:var(--primary);color:#fff;padding:12px 20px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.selection-info{font-weight:500}.selection-actions{display:flex;gap:12px}.selection-actions .btn-secondary{background-color:#fff;color:var(--primary);border:none;padding:8px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.selection-actions .btn-secondary:hover{background-color:#ffffffe6;transform:translateY(-1px)}.search-wrapper{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{padding:8px 16px 8px 40px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:.875rem;outline:none;transition:border-color .2s;background-color:var(--bg-card);color:var(--text-main)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.forms-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media(min-width:768px){.forms-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.forms-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.forms-grid{grid-template-columns:repeat(4,1fr)}}.create-card{background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-xl);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:192px;cursor:pointer;transition:all .2s}.create-card:hover{border-color:var(--primary);background-color:var(--bg-main)}.create-icon-wrapper{width:48px;height:48px;background-color:var(--primary-light);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .2s}.create-card:hover .create-icon-wrapper{background-color:var(--primary);color:#fff}.create-card span{font-weight:500;color:var(--text-muted);transition:color .2s}.create-card:hover span{color:var(--primary)}.form-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-direction:column;height:192px;overflow:hidden;position:relative;transition:all .2s;cursor:pointer}.form-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.form-card-checkbox{position:absolute;top:12px;left:12px;opacity:0;transition:opacity .2s;z-index:5}.form-card:hover .form-card-checkbox,.form-card.selected .form-card-checkbox{opacity:1}.checkbox-btn{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);box-shadow:0 1px 2px #0000000d;transition:all .2s}.checkbox-btn:hover{background-color:var(--bg-main);color:var(--primary);border-color:var(--primary)}.form-card-actions{position:absolute;top:12px;right:12px;opacity:0;transition:opacity .2s;z-index:5}.form-card:hover .form-card-actions,.form-card:hover .delete-form-btn{opacity:1}.action-btn-wrapper{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;box-shadow:0 1px 2px #0000000d}.form-thumbnail{flex:1;background-color:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--border);transition:all .2s}.form-card:hover .form-thumbnail{background-color:var(--primary-light);color:var(--primary);opacity:.2}.form-card-footer{padding:16px;border-top:1px solid var(--border);background-color:var(--bg-card)}.form-title{font-weight:500;color:var(--text-main);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-meta{display:flex;align-items:center;justify-content:space-between}.question-count{font-size:.75rem;color:var(--text-muted)}.status-badge{font-size:.75rem;background-color:#dcfce7;color:#166534;padding:2px 8px;border-radius:9999px}.dropdown-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.workspace-options-menu{top:calc(100% + 8px);right:0;left:auto;width:180px}.dropdown-item.delete-option{color:var(--danger, #dc2626)}.dropdown-item.delete-option:hover{background-color:#dc26261a;color:var(--danger, #dc2626)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);width:450px;max-width:90vw;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;border:1px solid var(--border);animation:slideUp .2s ease-out}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-main)}.close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;line-height:1}.modal-body{padding:24px}.modal-description{color:var(--text-muted);margin-bottom:16px;font-size:.875rem}.workspace-list{display:flex;flex-direction:column;gap:8px}.workspace-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-main);font-size:.875rem;font-weight:500;text-align:left;width:100%}.workspace-item:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.workspace-item:disabled{opacity:.5;cursor:not-allowed}.empty-message{color:var(--text-muted);text-align:center;padding:24px;font-size:.875rem}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background-color:var(--bg-main)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-group input{padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-main);font-size:.875rem}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.btn-primary{background-color:var(--primary);color:#fff;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;border:none;cursor:pointer}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--text-main);padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;border:1px solid var(--border);cursor:pointer}.btn-secondary:hover{background-color:var(--bg-main)}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-header{padding:16px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.question-list{flex:1;overflow-y:auto;padding:12px}.question-item{display:flex;align-items:center;padding:10px 12px;background-color:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-md);margin-bottom:8px;cursor:pointer;transition:all .2s;position:relative}.question-item:hover{background-color:var(--bg-main);border-color:var(--border)}.question-item.selected{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.drag-handle{display:flex;align-items:center;margin-right:12px;color:var(--text-muted);cursor:grab}.question-number{min-width:24px;height:24px;background-color:var(--bg-main);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;margin-right:12px}.selected .question-number{background-color:var(--primary);color:#fff}.question-info{flex:1;overflow:hidden}.question-label{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-question-container{padding:16px;border-top:1px solid var(--border)}.add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background-color:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;transition:all .2s}.add-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.form-title-input{width:100%;padding:8px 12px;border:1px solid transparent;border-radius:var(--radius-md);font-size:1rem;font-weight:600;color:var(--text-primary);background:transparent;transition:all .2s}.form-title-input:hover{background-color:var(--bg-main);border-color:var(--border)}.form-title-input:focus{background-color:var(--bg-card);border-color:var(--primary);outline:none}.block-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.block-modal{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.block-modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.block-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.block-modal-close{padding:8px;border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s;background:transparent;border:none;cursor:pointer}.block-modal-close:hover{background-color:var(--bg-main);color:var(--text-primary)}.block-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:24px;overflow-y:auto}.block-option{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;transition:all .2s;cursor:pointer}.block-option:hover{border-color:var(--primary);background-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.block-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-main);border-radius:var(--radius-md);color:var(--primary);flex-shrink:0;transition:all .2s}.block-option:hover .block-icon{background-color:#fff;color:var(--primary)}.block-info{display:flex;flex-direction:column;gap:4px}.block-label{font-weight:600;color:var(--text-primary);font-size:.95rem}.block-description{color:var(--text-muted);font-size:.8rem;line-height:1.4}.field-badge{display:inline-block;padding:2px 6px;font-size:.7rem;font-weight:500;border-radius:4px;background-color:var(--bg-main);color:var(--text-muted);border:1px solid var(--border);transition:all .2s}.block-option:hover .field-badge{background-color:#fff;color:var(--primary);border-color:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .block-modal{background-color:var(--bg-card);border-color:var(--border)}.dark .block-option{background-color:var(--bg-secondary);border-color:var(--border)}.dark .block-option:hover{background-color:var(--primary-light);border-color:var(--primary)}.dark .block-label{color:var(--text-main)}.dark .block-description{color:var(--text-muted)}.dark .block-icon{background-color:var(--bg-card);color:var(--primary)}.dark .block-option:hover .block-icon{color:var(--primary)}.dark .block-modal-header h2{color:var(--text-main)}.dark .block-modal-close{color:var(--text-muted)}.dark .block-modal-close:hover{color:var(--text-main);background-color:var(--bg-secondary)}.dark .field-badge{background-color:var(--bg-card);color:var(--text-muted);border-color:var(--border)}.dark .block-option:hover .field-badge{background-color:var(--bg-secondary);color:var(--primary);border-color:var(--primary)}.preview-container{width:100%;max-width:700px;background-color:var(--preview-bg, var(--bg-card));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:60px;min-height:400px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.preview-container.custom-design{font-family:var(--preview-font-family, inherit)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:16px}.preview-question{display:flex;flex-direction:column;gap:24px}.preview-label{font-family:var(--preview-font-family, "Outfit", sans-serif);font-size:var(--preview-font-size, 1.75rem);font-weight:600;color:var(--preview-question-color, var(--text-main));line-height:1.2}.preview-description{font-size:calc(var(--preview-font-size, 1.125rem) * .65);color:var(--preview-answer-color, var(--text-muted));margin-top:-8px}.preview-input-container{margin-top:12px}.preview-input{width:100%;font-size:1.25rem;padding:12px 0;border:none;border-bottom:2px solid var(--preview-button-color, var(--primary-light));background:transparent;color:var(--preview-answer-color, var(--text-main));outline:none;transition:border-color .2s}.preview-input::placeholder{color:var(--preview-answer-color, var(--text-muted));opacity:.6}.preview-input:focus{border-bottom-color:var(--preview-button-color, var(--primary))}.preview-options{display:flex;flex-direction:column;gap:12px}.preview-option{padding:12px 16px;background-color:transparent;border:1px solid var(--preview-button-color, var(--border));border-radius:var(--radius-md);color:var(--preview-answer-color, var(--text-main));font-size:1rem;text-align:left;transition:all .2s}.preview-option:hover{background-color:var(--preview-button-color, var(--primary-light));border-color:var(--preview-button-color, var(--primary));color:var(--preview-button-text-color, var(--primary));opacity:.9}.preview-footer{margin-top:48px}.preview-next-btn{background-color:var(--preview-button-color, var(--primary));color:var(--preview-button-text-color, white);padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:8px;transition:opacity .2s ease}.preview-next-btn:hover{opacity:.9}.required-star{color:var(--danger);margin-left:4px}.props-header{padding:16px;border-bottom:1px solid var(--border)}.props-header h3{font-size:.875rem;font-weight:600}.props-content{padding:20px;display:flex;flex-direction:column;gap:24px}.prop-group{display:flex;flex-direction:column;gap:8px}.prop-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.prop-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;outline:none;transition:border-color .2s}.prop-input:focus{border-color:var(--primary)}.prop-toggle{display:flex;align-items:center;justify-content:space-between}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--toggle-bg);transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.options-editor{display:flex;flex-direction:column;gap:8px}.option-edit-item{display:flex;gap:8px}.delete-btn{color:var(--danger);padding:4px;border-radius:4px}.delete-btn:hover{background-color:var(--danger-light)}.danger-zone{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.btn-danger{width:100%;padding:10px;border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius-md);font-weight:500}.btn-danger:hover{background-color:var(--danger-light)}.rich-text-editor{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s;background:var(--bg-card)}.rich-text-editor.focused{border-color:var(--primary)}.rte-toolbar{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--border);background:var(--bg-main)}.rte-btn{padding:4px;border-radius:4px;color:var(--text-muted);transition:all .2s;display:flex;align-items:center;justify-content:center}.rte-btn:hover{background-color:var(--primary-light);color:var(--text-main)}.rte-content{padding:10px 12px;outline:none;font-size:.875rem;line-height:1.5;min-height:80px}.rte-content a{color:var(--primary);text-decoration:underline}.align-btn{padding:6px;border-radius:4px;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-card);transition:all .2s;cursor:pointer;display:flex;align-items:center;justify-content:center}.align-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.align-btn.active{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 25px 80px #00000080,0 0 1px #ffffff1a inset;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.share-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.share-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.share-modal-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.05)}.share-modal-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #667eea4d}.share-modal-header h2{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff}.share-modal-subtitle{margin:0;font-size:14px;color:#888;line-height:1.5}.share-modal-content{padding:24px 32px 32px;display:flex;flex-direction:column;gap:24px}.publish-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.publish-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px}.publish-info{flex:1}.publish-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:8px}.publish-status.published{background:#10b98126;color:#10b981}.publish-status.draft{background:#fbbf2426;color:#fbbf24}.publish-description{margin:0;font-size:13px;color:#888;line-height:1.4}.publish-btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.publish-btn.publish{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea4d}.publish-btn.publish:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea66}.publish-btn.unpublish{background:#ffffff0d;color:#888;border:1px solid rgba(255,255,255,.1)}.publish-btn.unpublish:hover{background:#ef44441a;color:#ef4444;border-color:#ef44444d}.publish-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.url-section label,.social-section label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:12px}.url-input-group{display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .2s ease}.url-input-group:focus-within{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a}.url-icon{padding:0 12px;color:#667eea}.url-input{flex:1;background:transparent;border:none;color:#fff;font-size:14px;padding:14px 0;outline:none}.url-input::selection{background:#667eea4d}.copy-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;margin:4px;background:#ffffff0d;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#ffffff1a}.copy-btn.copied{background:#10b98133;color:#10b981}.preview-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#888;text-decoration:none;font-size:14px;transition:all .2s ease}.preview-link:hover{background:#ffffff0f;color:#fff;border-color:#ffffff1a}.qr-section{display:flex;flex-direction:column;align-items:center}.qr-toggle{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#888;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.qr-toggle:hover{background:#ffffff08;color:#fff;border-color:#ffffff26}.qr-container{margin-top:20px;padding:20px;background:#ffffff0d;border-radius:16px;text-align:center;animation:fadeIn .3s ease-out}.qr-code{width:180px;height:180px;border-radius:12px;background:#fff;padding:10px}.qr-hint{margin:12px 0 0;font-size:12px;color:#666}.social-section{padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.social-buttons{display:flex;gap:12px;justify-content:center}.social-btn{width:48px;height:48px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.social-btn:hover{transform:translateY(-3px)}.social-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9);box-shadow:0 4px 16px #1da1f24d}.social-btn.twitter:hover{box-shadow:0 8px 24px #1da1f266}.social-btn.facebook{background:linear-gradient(135deg,#4267b2,#3b5998);box-shadow:0 4px 16px #4267b24d}.social-btn.facebook:hover{box-shadow:0 8px 24px #4267b266}.social-btn.linkedin{background:linear-gradient(135deg,#0077b5,#006399);box-shadow:0 4px 16px #0077b54d}.social-btn.linkedin:hover{box-shadow:0 8px 24px #0077b566}.social-btn.email{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d}.social-btn.email:hover{box-shadow:0 8px 24px #667eea66}.spinner{animation:spin 1s linear infinite}@media(max-width:520px){.share-modal{margin:16px;max-width:calc(100% - 32px)}.share-modal-header,.share-modal-content{padding-left:20px;padding-right:20px}.publish-toggle{flex-direction:column;align-items:stretch;gap:12px}.publish-btn{width:100%}.social-buttons{gap:8px}.social-btn{width:44px;height:44px}}.results-container{padding:2rem;height:100%;overflow-y:auto;background-color:var(--bg-secondary)}.results-header{margin-bottom:2rem}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.responses-table-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.responses-table{width:100%;border-collapse:collapse}.responses-table th,.responses-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.875rem}.responses-table th{background-color:var(--bg-secondary);font-weight:600;color:var(--text-secondary);white-space:nowrap}.responses-table td{color:var(--text-primary)}.responses-table tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.date-column{white-space:nowrap;color:var(--text-secondary)}.loading-state{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary)}.file-answer-cell{display:flex;align-items:center;gap:8px}.file-answer-cell .file-icon{color:var(--text-secondary);flex-shrink:0}.file-answer-cell .file-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-answer-cell .file-size{color:var(--text-secondary);font-size:12px;flex-shrink:0}.file-answer-cell .file-view-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-answer-cell .file-view-btn:hover{background:var(--bg-secondary);color:var(--accent)}.file-answer-cell .file-view-btn:disabled{opacity:.5;cursor:not-allowed}.actions-column{white-space:nowrap}.btn-delete-response{background:transparent;border:none;padding:6px;cursor:pointer;color:var(--text-secondary);border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-delete-response:hover{background:#ef44441a;color:#ef4444}.delete-confirm{display:flex;gap:4px}.btn-confirm-delete{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;min-width:60px}.btn-confirm-delete:hover{background:#dc2626}.btn-confirm-delete:disabled{opacity:.7;cursor:not-allowed}.btn-cancel-delete{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-cancel-delete:hover{background:var(--bg-secondary)}.btn-cancel-delete:disabled{opacity:.5;cursor:not-allowed}.logic-builder{display:flex;height:100%;width:100%;background-color:var(--bg-main);overflow:hidden}.logic-sidebar{width:300px;border-right:1px solid var(--border);overflow-y:auto;background-color:var(--bg-card)}.logic-question-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;display:flex;align-items:center;gap:12px;transition:background-color .2s}.logic-question-item:hover{background-color:var(--bg-main)}.logic-question-item.active{background-color:var(--primary-light);border-left:3px solid var(--primary)}.question-number{font-weight:700;color:var(--text-muted);min-width:20px}.question-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--text-main)}.logic-indicator{color:var(--primary)}.logic-content{flex:1;padding:40px;overflow-y:auto;background-color:var(--bg-main)}.logic-editor{max-width:800px;margin:0 auto}.logic-editor h2{margin-bottom:24px;font-size:20px;color:var(--text-main)}.rules-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.rule-item{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.rule-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--text-main)}.rule-inputs select,.rule-inputs input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-main);color:var(--text-main);font-size:14px}.rule-inputs input{flex:1;min-width:150px}.rule-inputs input:focus,.rule-inputs select:focus{outline:none;border-color:var(--primary)}.arrow{color:var(--text-muted)}.delete-rule{align-self:flex-end;padding:6px;color:var(--text-muted);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;transition:all .2s}.delete-rule:hover{color:var(--danger);background-color:var(--danger-light)}.add-rule-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:background-color .2s}.add-rule-btn:hover{background-color:var(--primary-hover)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:1.1rem}.public-form-container{--primary: #5c6bc0;--primary-hover: #4e5ba6;--primary-light: #e8eaf6;--secondary: #263238;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #e2e8f0;--success: #10b981;--success-hover: #059669;--danger: #ef4444;--danger-light: #fee2e2;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2)}.public-form-header{padding:20px 40px;display:flex;align-items:center;gap:8px;color:#fff;font-family:Outfit,sans-serif;font-weight:700;font-size:1.25rem}.public-form-content{flex:1;display:flex;justify-content:center;align-items:center;padding:40px}.question-card{background:var(--bg-card);border-radius:16px;box-shadow:0 20px 60px #0003;padding:60px;max-width:700px;width:100%;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-number-badge{display:inline-flex;align-items:center;gap:4px;background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:16px}.question-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--text-main);margin:0 0 8px;line-height:1.3}.question-description{font-size:1.125rem;color:var(--text-muted);margin:0 0 32px}.question-input{width:100%;font-size:1.25rem;padding:16px 0;border:none;border-bottom:2px solid var(--border);background:transparent;outline:none;transition:border-color .3s}.question-input:focus{border-bottom-color:var(--primary)}.question-input::placeholder{color:#94a3b8}.question-textarea{width:100%;font-size:1.125rem;padding:16px;border:2px solid var(--border);border-radius:12px;background:transparent;outline:none;resize:none;min-height:120px;transition:border-color .3s;font-family:inherit}.question-textarea:focus{border-color:var(--primary)}.options-list{display:flex;flex-direction:column;gap:12px}.option-button{display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:2px solid var(--border);border-radius:12px;font-size:1.125rem;text-align:left;cursor:pointer;transition:all .2s}.option-button:hover{border-color:var(--primary);background:var(--primary-light)}.option-button.selected{border-color:var(--primary);background:var(--primary);color:#fff}.option-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--border);border-radius:6px;font-weight:600;font-size:.875rem}.option-button.selected .option-key{background:#fff3}.question-actions{display:flex;align-items:center;gap:16px;margin-top:40px}.prev-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--bg-card);color:var(--text-main);border:2px solid var(--border);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.prev-button:hover{background:var(--primary-light);border-color:var(--primary);transform:translateY(-2px)}.next-button{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.next-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.keyboard-hint{font-size:.875rem;color:var(--text-muted)}.keyboard-hint strong{background:var(--border);padding:2px 6px;border-radius:4px;font-family:monospace}.progress-container{padding:0 40px 20px}.progress-bar{height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#fff;transition:width .3s ease}.thank-you-card{text-align:center;padding:80px}.thank-you-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.thank-you-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;color:var(--text-main);margin:0 0 12px}.thank-you-message{font-size:1.125rem;color:var(--text-muted);margin:0}.error-card{text-align:center;padding:60px}.error-icon{width:80px;height:80px;background:var(--danger-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--danger)}.loading-card{text-align:center;padding:60px}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.public-form-footer{position:fixed;bottom:20px;left:20px;z-index:100}.powered-by{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;text-decoration:none;color:#1e293b;font-size:.75rem;font-weight:500;box-shadow:0 4px 12px #0000001a;transition:transform .2s,background .2s}.powered-by:hover{transform:translateY(-2px);background:#fff}.navigation-controls{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:row;gap:8px}.nav-arrow-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:8px;cursor:pointer;color:#1e293b;box-shadow:0 4px 12px #0000001a;transition:all .2s}.nav-arrow-button:hover:not(:disabled){transform:translateY(-2px);background:#fff;box-shadow:0 6px 16px #00000026}.nav-arrow-button:disabled{opacity:.4;cursor:not-allowed}.public-form-container.custom-design{background:var(--public-bg, linear-gradient(135deg, #667eea 0%, #764ba2 100%))}.public-form-container.custom-design .question-title{color:var(--public-question-color, var(--text-main));font-family:var(--public-font-family, "Outfit", sans-serif);font-size:var(--public-font-size, 2rem)}.public-form-container.custom-design .question-description{color:var(--public-answer-color, var(--text-muted));font-family:var(--public-font-family, inherit)}.public-form-container.custom-design .question-input,.public-form-container.custom-design .question-textarea{color:var(--public-answer-color, var(--text-main));font-family:var(--public-font-family, inherit)}.public-form-container.custom-design .next-button{background:var(--public-button-color, var(--primary));color:var(--public-button-text-color, white)}.public-form-container.custom-design .next-button:hover{background:var(--public-button-color, var(--primary-hover));filter:brightness(.9)}.public-form-container.custom-design .option-button{color:var(--public-answer-color, var(--text-main));font-family:var(--public-font-family, inherit)}.public-form-container.custom-design .option-button.selected{background:var(--public-button-color, var(--primary));border-color:var(--public-button-color, var(--primary));color:var(--public-button-text-color, white)}.public-form-container.custom-design .option-button:hover{border-color:var(--public-button-color, var(--primary))}.public-form-container.custom-design [style*="color: #fbbf24"],.public-form-container.custom-design [style*="color: rgb(251, 191, 36)"]{color:var(--public-star-color, #fbbf24)!important}.file-upload-container{width:100%}.file-upload-error{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px}.question-input.input-error{border-color:#ef4444;background:#ef44440d}.input-error-message{display:flex;align-items:center;gap:6px;margin-top:8px;color:#ef4444;font-size:13px}.file-upload-dropzone{border:2px dashed var(--border, #e5e7eb);border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--public-answer-color, var(--text-muted, #6b7280))}.file-upload-dropzone:hover{border-color:var(--public-button-color, var(--primary, #3b82f6));background:#3b82f60d}.file-upload-dropzone.dragging{border-color:var(--public-button-color, var(--primary, #3b82f6));background:#3b82f61a}.file-upload-dropzone.has-file{border-style:solid;border-color:#10b981;background:#10b9810d}.file-upload-dropzone.uploading{cursor:wait;opacity:.8}.file-upload-text{color:var(--public-answer-color, var(--text-main, #374151));margin:0;font-size:1rem}.file-upload-hint{color:var(--public-answer-color, var(--text-muted, #6b7280));opacity:.7;font-size:14px;margin:0}.file-upload-spinner{animation:spin 1s linear infinite}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1000}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;animation:confetti-fall 4s ease-in-out forwards}.confetti-piece:nth-child(odd){border-radius:50%}.confetti-piece:nth-child(2n){border-radius:2px;transform:rotate(45deg)}@keyframes confetti-fall{0%{top:-10px;opacity:1;transform:translate(0) rotate(0)}to{top:100vh;opacity:0;transform:translate(calc(-50px + 100px * var(--random, .5))) rotate(720deg)}}.design-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-card);overflow:hidden}.design-panel-header{padding:20px 24px;border-bottom:1px solid var(--border)}.design-panel-header h2{font-size:18px;font-weight:600;color:var(--text-main);margin-bottom:4px}.design-panel-header p{font-size:13px;color:var(--text-muted)}.design-panel-content{flex:1;overflow-y:auto;padding:12px 0}.design-section{border-bottom:1px solid var(--border)}.design-section:last-child{border-bottom:none}.design-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 24px;background:transparent;cursor:pointer;transition:background-color .15s ease}.design-section-header:hover{background:var(--bg-secondary)}.section-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--text-main)}.design-section-header svg{color:var(--text-muted)}.design-section-content{padding:12px 24px 20px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--bg-card)}.theme-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--primary)}.theme-preview{width:100%;height:60px;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px}.theme-preview-text{font-size:18px;font-weight:600}.theme-preview-button{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:500}.theme-name{display:block;padding:8px;font-size:12px;font-weight:500;color:var(--text-main);text-align:center;background:var(--bg-secondary);width:100%}.theme-check{position:absolute;top:6px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:50%;color:#fff}.color-picker-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.color-picker-row:last-child{border-bottom:none}.color-picker-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main)}.color-picker-label svg{color:var(--text-muted)}.color-picker-input-group{display:flex;align-items:center;gap:8px}.color-picker-native{width:32px;height:32px;padding:0;border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.color-picker-native::-webkit-color-swatch-wrapper{padding:2px}.color-picker-native::-webkit-color-swatch{border:none;border-radius:2px}.color-picker-hex{width:80px;padding:6px 10px;font-size:13px;font-family:monospace;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-main);text-transform:uppercase}.color-picker-hex:focus{outline:none;border-color:var(--primary)}.typography-row{margin-bottom:16px}.typography-row:last-child{margin-bottom:0}.typography-row label{display:block;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:8px}.font-select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-main);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.font-select:focus{outline:none;border-color:var(--primary)}.font-size-control{display:flex;align-items:center;gap:12px}.font-size-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.font-size-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.font-size-value{min-width:45px;font-size:13px;font-weight:500;color:var(--text-muted);text-align:right}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--text-muted)}.upload-area:hover{border-color:var(--primary);background:var(--primary-light)}.upload-area span{font-size:13px}.upload-area.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hidden-input{display:none}.background-preview-container{position:relative;margin-bottom:16px}.background-preview{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border)}.remove-background-btn{position:absolute;top:8px;right:8px;padding:6px 12px;font-size:12px;font-weight:500;color:#fff;background:#0009;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.remove-background-btn:hover{background:#000c}.brightness-row{margin-top:16px}.brightness-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-main);margin-bottom:10px}.brightness-label svg{color:var(--text-muted)}.brightness-control{display:flex;align-items:center;gap:12px}.brightness-slider{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--border) 0%,var(--primary) 100%);border-radius:3px;outline:none}.brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.brightness-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.brightness-value{min-width:45px;font-size:13px;font-weight:500;color:var(--text-muted);text-align:right}.coming-soon-container{text-align:center}.coming-soon-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--primary);background:var(--primary-light);border-radius:20px;margin-bottom:12px}.coming-soon-text{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:16px}.design-panel-content::-webkit-scrollbar{width:6px}.design-panel-content::-webkit-scrollbar-track{background:transparent}.design-panel-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.design-panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.builder-preview-modal{position:fixed;inset:0;z-index:50;background-color:var(--bg-main);overflow-y:auto}.builder-preview-close-btn{position:fixed;top:16px;right:16px;z-index:60;padding:8px;background-color:#fff;border-radius:50%;border:1px solid #e2e8f0;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;color:#1e293b}.builder-preview-close-btn:hover{background-color:#f8fafc}.logo-clickable{cursor:pointer}.icon-mr{margin-right:8px}.builder-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.link-btn{color:var(--primary);text-decoration:underline;background:none;border:none;cursor:pointer;font-size:1rem}.analytics-container{min-height:100vh;background-color:var(--bg-main);color:var(--text-main);display:flex;flex-direction:column}.analytics-header{height:80px;background-color:var(--bg-card);border-bottom:1px solid var(--border);padding:0 40px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.header-left{display:flex;align-items:center;gap:20px}.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.back-btn:hover{background-color:var(--bg-main);color:var(--text-main);border-color:var(--border-hover)}.header-titles h1{font-size:1.25rem;font-weight:700;margin:0}.header-titles p{font-size:.875rem;color:var(--text-muted);margin:2px 0 0}.header-right{display:flex;align-items:center;gap:16px}.date-picker-placeholder{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-md);background-color:var(--bg-main);border:1px solid var(--border);font-size:.875rem;color:var(--text-main);cursor:pointer}.date-range-selector{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:var(--radius-md);background-color:var(--bg-main);border:1px solid var(--border);font-size:.875rem;color:var(--text-main)}.date-range-select{border:none;background:transparent;color:var(--text-main);font-size:.875rem;outline:none;cursor:pointer;font-family:inherit}.date-range-select option{background-color:var(--bg-card);color:var(--text-main)}.export-btn{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:opacity .2s;display:flex;align-items:center;gap:8px}.export-btn:hover:not(:disabled){opacity:.9}.export-btn:disabled{opacity:.6;cursor:not-allowed}.analytics-content{flex:1;padding:40px;max-width:1400px;width:100%;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background-color:var(--bg-card);padding:24px;border-radius:var(--radius-xl);border:1px solid var(--border);display:flex;align-items:center;gap:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center}.stat-info{flex:1}.stat-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.stat-value-row{display:flex;align-items:baseline;gap:12px;margin-top:4px}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-main)}.stat-change{font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:4px}.stat-change.positive{background-color:#dcfce7;color:#10b981}.stat-change.negative{background-color:#fee2e2;color:#ef4444}.analytics-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px}@media(max-width:1024px){.analytics-charts-row{grid-template-columns:1fr}}.chart-container,.recent-activity-card{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:24px}.chart-header,.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.chart-header h3,.card-header h3{font-size:1.125rem;font-weight:600}.chart-tabs{display:flex;background-color:var(--bg-main);padding:4px;border-radius:var(--radius-md)}.chart-tabs button{padding:6px 16px;border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;border-radius:4px}.chart-tabs button.active{background-color:var(--bg-card);color:var(--text-main);box-shadow:var(--shadow-sm)}.chart-placeholder{height:300px;display:flex;align-items:flex-end;padding-top:20px}.mock-bar-chart{flex:1;display:flex;align-items:flex-end;justify-content:space-around;height:100%}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;height:100%}.bar{width:30%;background:linear-gradient(to top,var(--primary),#818cf8);border-radius:4px 4px 0 0;position:relative;transition:all .3s}.bar:hover{filter:brightness(1.1)}.bar-tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.bar:hover .bar-tooltip{opacity:1}.bar-label{font-size:.75rem;color:var(--text-muted)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--radius-md);transition:background-color .2s;cursor:pointer}.activity-item:hover{background-color:var(--bg-main)}.activity-dot{width:8px;height:8px;border-radius:50%}.activity-dot.response{background-color:#10b981}.activity-dot.publish{background-color:#6366f1}.activity-dot.edit{background-color:#f59e0b}.activity-details{flex:1}.activity-text{font-size:.875rem;margin:0}.activity-text strong{color:var(--text-main);margin-right:6px}.activity-text span{color:var(--text-muted)}.activity-time{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px}.activity-arrow{color:var(--text-muted);opacity:0;transition:opacity .2s}.activity-item:hover .activity-arrow{opacity:1}.view-all{font-size:.75rem;color:var(--primary);background:transparent;border:none;cursor:pointer}.forms-performance{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);padding:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.table-search{position:relative}.table-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.table-search input{padding:8px 16px 8px 40px;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-main);font-size:.875rem;outline:none;width:240px}.performance-table-wrapper{overflow-x:auto}.performance-table{width:100%;border-collapse:collapse}.performance-table th{text-align:left;padding:12px 16px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.performance-table td{padding:16px;font-size:.875rem;border-bottom:1px solid var(--border)}.form-name-cell{display:flex;align-items:center;gap:12px;font-weight:500}.form-name-cell svg{color:var(--primary)}.empty-table{text-align:center;padding:48px!important;color:var(--text-muted)}.spark-svg{width:100px;height:20px}.analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-muted)}.analytics-loading .spinner{animation:spin 1s linear infinite;color:var(--primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-inline{animation:spin 1s linear infinite}.stat-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:4px}.chart-info{display:flex;align-items:center;gap:12px}.chart-total{font-size:.875rem;color:var(--text-muted);font-weight:500}.empty-activity{padding:40px 20px;text-align:center;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.published{background-color:#dcfce7;color:#10b981}.dark .status-badge.published{background-color:#10b98126;color:#34d399}.status-badge.draft{background-color:#f3f4f6;color:#6b7280}.dark .status-badge.draft{background-color:#6b728026;color:#9ca3af}.submissions-cell{font-weight:600;color:var(--text-main)}.time-cell{color:var(--text-muted);font-size:.875rem}@media(max-width:768px){.analytics-header{padding:16px 20px;height:auto;min-height:80px;flex-direction:column;gap:16px}.header-left,.header-right{width:100%;justify-content:space-between}.header-right{flex-wrap:wrap}.analytics-content{padding:24px 16px}.stats-grid{grid-template-columns:1fr}.export-btn span{display:none}.performance-table-wrapper{overflow-x:scroll}.performance-table{min-width:600px}}