:root{--bg:#0a0a0f;--surface:#14141f;--border:#2a2a3a;--text:#e4e4ef;--text-muted:#8888a0;--primary:#6366f1;--primary-hover:#818cf8;--primary-light:#6366f115;--success:#10b981;--success-light:#10b98115;--success-border:#10b98140;--warning:#f59e0b;--warning-light:#f59e0b15;--warning-border:#f59e0b40;--danger:#ef4444;--danger-light:#ef444420;--danger-border:#ef444440;--info:#6366f1;--info-light:#6366f115;--info-border:#6366f140;--white:#fff;--black:#000}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}#main-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}@media (max-width:768px){.container{padding:0 16px}}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ul-reset{margin:0;padding:0;list-style-type:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.check-list ul{margin:0;padding:0;list-style-type:none}.check-list li{margin-bottom:16px;margin-left:30px;line-height:1.5;position:relative}.check-list li:before{content:"✓";color:var(--success);font-weight:700;position:absolute;left:-30px}.callout{border-radius:8px;margin-bottom:24px;padding:16px 20px}.callout.warning{background:var(--warning-light);border:1px solid var(--warning-border)}.callout.warning strong{color:var(--warning)}.callout.info{background:var(--info-light);border:1px solid var(--info-border)}.callout.info strong{color:var(--info)}.callout.success{background:var(--success-light);border:1px solid var(--success-border)}.callout.success strong{color:var(--success)}.callout.danger{background:var(--danger-light);border:1px solid var(--danger-border)}.callout.danger strong{color:var(--danger)}@media (max-width:768px){.callout{padding:12px 16px;font-size:.9rem}}pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px;overflow-x:auto}@media (max-width:768px){pre{padding:16px;font-size:.8rem}}code{font-family:SF Mono,Fira Code,monospace;font-size:.875rem}:not(pre)>code{background:var(--surface);border-radius:4px;padding:2px 6px}section{padding:80px 0}@media (max-width:768px){section{padding:60px 0}}.error-page{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 200px);display:flex}.error-content h1{background:linear-gradient(135deg,var(--primary)0%,#8b5cf6 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:8rem;font-weight:700;line-height:1}@media (max-width:768px){.error-content h1{font-size:5rem}}.error-content .error-message{margin:16px 0 8px;font-size:1.5rem;font-weight:600}@media (max-width:768px){.error-content .error-message{font-size:1.25rem}}.error-content .error-description{color:var(--text-muted);margin-bottom:32px}.error-content .error-actions{justify-content:center;gap:16px;display:flex}@media (max-width:768px){.error-content .error-actions{flex-direction:column;align-items:center}.error-content .error-actions .btn{width:100%;max-width:200px}}h1,h2,h3,h4,h6,p{color:unset}h1,.heading-h1{font-size:28px;font-weight:700;line-height:32px}@media (min-width:992px){h1,.heading-h1{font-size:40px;line-height:48px}}.btn,.btn-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn.btn-small,.btn-primary.btn-small{padding:8px 16px;font-size:14px}.btn.btn-large,.btn-primary.btn-large{padding:16px 32px;font-size:16px}.btn.btn-full,.btn-primary.btn-full{width:100%;font-size:16px}.btn,.btn-primary{background:var(--primary);color:#fff}.btn:hover,.btn-primary:hover{background:var(--primary-hover);color:#fff;text-decoration:none}.btn:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline.btn-small{padding:8px 16px;font-size:14px}.btn-outline.btn-large{padding:16px 32px;font-size:16px}.btn-outline.btn-full{width:100%;font-size:16px}.btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.btn-outline:hover{border-color:var(--text-muted);color:var(--text);text-decoration:none}.btn-ghost{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost.btn-small{padding:8px 16px;font-size:14px}.btn-ghost.btn-large{padding:16px 32px;font-size:16px}.btn-ghost.btn-full{width:100%;font-size:16px}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text);text-decoration:none}.btn-success{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-success.btn-small{padding:8px 16px;font-size:14px}.btn-success.btn-large{padding:16px 32px;font-size:16px}.btn-success.btn-full{width:100%;font-size:16px}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#0c8a60}.btn-danger{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-danger.btn-small{padding:8px 16px;font-size:14px}.btn-danger.btn-large{padding:16px 32px;font-size:16px}.btn-danger.btn-full{width:100%;font-size:16px}a{color:var(--black);font-weight:700}a.underlined{text-decoration:underline}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex}@media (max-width:768px){.auth-page{min-height:calc(100vh - 160px);padding:24px 16px}}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;padding:40px}.auth-card h1{text-align:center;margin-bottom:8px;font-size:1.75rem}.auth-card .subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px}.auth-card .btn{cursor:pointer;border:none;width:100%;margin-top:8px;padding:14px;font-size:1rem}.auth-card .btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.auth-card{padding:24px}.auth-card h1{font-size:1.5rem}.auth-card .subtitle{margin-bottom:24px;font-size:.875rem}}.oauth-buttons{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.btn-oauth{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;transition:background .2s,border-color .2s;display:flex}.btn-oauth:hover{background:var(--surface);border-color:var(--text-muted)}.btn-oauth svg{flex-shrink:0}.btn-github:hover{border-color:#333}.btn-google:hover{border-color:#4285f4}.auth-divider{align-items:center;margin:24px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 16px;font-size:.75rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.875rem;display:block}.form-group input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:12px 16px;font-size:1rem}.form-group input:focus{border-color:var(--primary);outline:none}.form-group small{color:var(--text-muted);margin-top:6px;font-size:.75rem;display:block}.auth-links{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.875rem}.auth-links a{color:var(--primary);text-decoration:none}.auth-links a:hover{text-decoration:underline}.auth-links p+p{margin-top:12px}.error-message,.message.error{background:var(--danger-light);border:1px solid var(--danger-border);color:#f87171;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;display:none}.error-message.show,.message.error.show{display:block}.success-message,.message.success{background:var(--success-light);border:1px solid var(--success-border);color:#34d399;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;display:none}.success-message.show,.message.success.show{display:block}.feature-list{background:var(--bg);border-radius:8px;margin-bottom:24px;padding:16px 20px}.feature-list li{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.875rem;list-style:none;display:flex}.feature-list li:last-child{margin-bottom:0}.feature-list li:before{content:"✓";color:var(--success)}@media (max-width:768px){.feature-list{margin-bottom:20px;padding:12px 16px}.feature-list li{font-size:.8125rem}}.password-strength{margin-top:12px}.password-strength small{color:var(--text-muted);font-size:.75rem}.password-requirements{grid-template-columns:1fr 1fr;gap:4px 16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.password-requirements li{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.password-requirements li:before{content:"✗";color:var(--danger);font-size:.625rem}.password-requirements li.valid{color:var(--success)}.password-requirements li.valid:before{content:"✓";color:var(--success)}@media (max-width:768px){.password-requirements{grid-template-columns:1fr}}.verify-status{text-align:center}.verify-status h1{margin-bottom:8px}.verify-status .subtitle{margin-bottom:24px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-icon,.error-icon,.info-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:32px;font-weight:700;display:flex}.success-icon{background:var(--success-light);border:2px solid var(--success);color:var(--success)}.error-icon{background:var(--danger-light);border:2px solid var(--danger);color:var(--danger)}.info-icon{background:var(--primary-light);border:2px solid var(--primary);color:var(--primary)}.verify-actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.verify-actions .btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}.verify-actions .btn-secondary:hover{background:var(--bg)}.resend-section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.resend-section p{color:var(--text-muted);margin-bottom:16px;font-size:.875rem}.resend-section .success-message,.resend-section .error-message{margin-top:16px;margin-bottom:0}.dashboard-body{background:var(--bg);min-height:100vh}.dashboard-app{min-height:100vh;display:flex}.dashboard-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:260px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}@media (max-width:768px){.dashboard-sidebar{transform:translate(-100%)}.dashboard-sidebar.open{transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-logo{font-size:1.25rem;font-weight:700;text-decoration:none}.sidebar-logo .logo-veil{color:var(--primary)}.sidebar-logo .logo-forms{color:var(--text)}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (max-width:768px){.sidebar-close{display:block}}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{background:var(--primary-light);color:var(--primary)}.nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border);padding:16px 24px}.user-info{margin-bottom:12px}.user-info .user-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;display:block;overflow:hidden}.user-info .user-plan{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.btn-logout{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.btn-logout:hover{background:var(--bg);color:var(--text)}.dashboard-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}@media (max-width:768px){.dashboard-main{margin-left:0}}.dashboard-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.menu-toggle span{background:var(--text);border-radius:1px;width:100%;height:2px;display:block}@media (max-width:768px){.menu-toggle{display:flex}}.page-title{flex:1;margin:0;font-size:1.25rem;font-weight:600}.topbar-actions{gap:12px;display:flex}.topbar-actions .btn{align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;display:flex}@media (max-width:480px){.topbar-actions .btn span{display:none}}.dashboard-content{flex:1;max-width:1400px;padding:24px}@media (max-width:768px){.dashboard-content{padding:16px}}.loading-state{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state .spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.error-state{text-align:center;padding:48px 24px}.error-state .error-icon{background:var(--danger-light);border:2px solid var(--danger);width:64px;height:64px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:32px;display:flex}.error-state h2{margin-bottom:8px}.error-state p{color:var(--text-muted);margin-bottom:24px}.empty-state{text-align:center;padding:64px 24px}.empty-state .empty-icon{color:var(--text-muted);margin-bottom:24px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--text-muted);margin-bottom:24px}.forms-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}@media (max-width:480px){.forms-grid{grid-template-columns:1fr}}.form-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.form-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.form-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.form-card-title{margin:0;font-size:1.125rem;font-weight:600}.form-card-status{border-radius:4px;padding:4px 8px;font-size:.75rem}.form-card-status.active{background:var(--success-light);color:var(--success)}.form-card-status.paused{background:var(--warning-light);color:var(--warning)}.form-card-stats{gap:24px;margin-bottom:16px;display:flex}.form-stat .stat-value{color:var(--text);font-size:1.5rem;font-weight:700;display:block}.form-stat .stat-value.stat-time{font-size:1rem;font-weight:600}.form-stat .stat-label{color:var(--text-muted);font-size:.75rem}.form-card-footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:16px;font-size:.75rem;display:flex}.form-card-actions{gap:8px;display:flex}.form-card-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px}.form-card-actions button:hover{background:var(--bg);color:var(--text)}.form-card-actions button.btn-delete:hover{color:var(--danger)}.form-detail{max-width:800px}.detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.detail-header .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.875rem;text-decoration:none;display:flex}.detail-header .back-btn:hover{color:var(--text)}.detail-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.detail-section h3{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:1rem}.embed-code{background:var(--bg);border-radius:8px;padding:16px;font-family:monospace;font-size:.8125rem;position:relative;overflow-x:auto}.embed-code pre{white-space:pre-wrap;word-break:break-all;margin:0}.embed-code .copy-btn{padding:4px 12px;font-size:.75rem;position:absolute;top:8px;right:8px}.submissions-view{max-width:1200px}.submissions-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.submissions-actions{gap:12px;display:flex}.submissions-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.submissions-table{border-collapse:collapse;width:100%}.submissions-table th,.submissions-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.submissions-table th{background:var(--bg);text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.submissions-table tr:last-child td{border-bottom:none}.submissions-table tr:hover td{background:var(--bg)}.encrypted-badge{background:var(--primary-light);color:var(--primary);border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.encrypted-badge svg{width:12px;height:12px}.pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.pagination button{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 16px}.pagination button:hover:not(:disabled){background:var(--surface)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .page-info{color:var(--text-muted);font-size:.875rem}.modal{z-index:200;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop{background:#000000b3;position:absolute;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto}.modal-content.modal-warning{border-color:var(--warning)}.modal-content.modal-danger{border-color:var(--danger)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:1.125rem}.modal-header .modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-header .modal-close:hover{color:var(--text)}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{color:var(--text);margin-bottom:8px;font-size:.875rem;display:block}.modal-body .form-group input[type=text],.modal-body .form-group input[type=url],.modal-body .form-group textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:12px;font-size:.875rem}.modal-body .form-group input[type=text]:focus,.modal-body .form-group input[type=url]:focus,.modal-body .form-group textarea:focus{border-color:var(--primary);outline:none}.modal-body .form-group textarea{resize:vertical;font-family:monospace}.modal-body .form-group small{color:var(--text-muted);margin-top:6px;font-size:.75rem;display:block}.modal-body .warning-box{background:var(--warning-light);border:1px solid var(--warning);border-radius:8px;margin-bottom:20px;padding:16px}.modal-body .warning-box strong{color:var(--warning);margin-bottom:8px;display:block}.modal-body .warning-box p{color:var(--text-muted);margin:0;font-size:.875rem}.modal-body .key-actions{gap:12px;margin-top:16px;display:flex}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer .confirm-save{flex:1;align-items:center;gap:8px;font-size:.875rem;display:flex}.remember-key{color:var(--text-muted);align-items:center;gap:8px;margin-top:12px;font-size:.875rem;display:flex}.text-muted{color:var(--text-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay.open{display:block}}.api-keys-view{max-width:1000px}.api-keys-empty{text-align:center;padding:60px 20px}.api-keys-empty .empty-icon{color:var(--text-muted);margin-bottom:24px}.api-keys-empty h2{margin-bottom:8px;font-size:1.5rem}.api-keys-empty p{color:var(--text-muted);margin-bottom:24px}.api-keys-header{margin-bottom:24px}.api-keys-header .api-keys-info{color:var(--text-muted);margin:0;font-size:.875rem}.api-keys-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.api-keys-table{border-collapse:collapse;width:100%}.api-keys-table th,.api-keys-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.api-keys-table th{background:var(--bg);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.api-keys-table tr:last-child td{border-bottom:none}.api-keys-table code{background:var(--bg);border-radius:4px;padding:4px 8px;font-size:.8125rem}.permissions-cell{flex-wrap:wrap;gap:4px;display:flex}.permission-badge{background:var(--primary-light);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.btn-revoke{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px}.btn-revoke:hover{background:var(--bg);color:var(--danger)}.api-key-display{background:var(--bg);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.api-key-display code{word-break:break-all;flex:1;font-size:.875rem}.checkbox-group{flex-direction:column;gap:8px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.settings-view{max-width:800px}.settings-header{margin-bottom:32px}.settings-header h2{margin-bottom:8px;font-size:1.5rem}.settings-header .settings-subtitle{color:var(--text-muted)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:24px}.settings-section h3{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:1rem}.settings-section.settings-danger{border-color:var(--danger-border)}.danger-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.danger-item:last-child{border-bottom:none;padding-bottom:0}.danger-item:first-of-type{padding-top:0}.danger-item div p{color:var(--text-muted);margin-top:4px;margin-bottom:0;font-size:.875rem}.audit-logs-view{max-width:1200px}.audit-logs-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.audit-logs-table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.audit-logs-table{border-collapse:collapse;width:100%}.audit-logs-table th,.audit-logs-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}.audit-logs-table th{background:var(--bg);text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.audit-logs-table tr:last-child td{border-bottom:none}.event-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.event-badge.success{background:var(--success-light);color:var(--success)}.event-badge.warning{background:var(--warning-light);color:var(--warning)}.event-badge.danger{background:var(--danger-light);color:var(--danger)}.event-badge.info{background:var(--primary-light);color:var(--primary)}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);opacity:0;pointer-events:all;border-radius:8px;align-items:center;gap:12px;min-width:300px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(100px);box-shadow:0 4px 12px #00000026}.toast.show{opacity:1;transform:translate(0)}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{color:var(--text);flex:1;font-size:.875rem;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.5rem;line-height:1;transition:all .2s;display:flex}.toast-close:hover{background:var(--bg);color:var(--text)}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:4px solid var(--primary)}.toast-info .toast-icon{color:var(--primary)}@media (max-width:768px){.toast-container{max-width:none;top:10px;left:10px;right:10px}.toast{min-width:0}}.builder-loading-state{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.builder-loading-state .spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.builder-loading-state p{margin:0;font-size:.875rem}.btn-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}.keyboard-shortcuts-hint{background:var(--surface);border:1px solid var(--border);z-index:100;border-radius:12px;max-width:280px;padding:16px;animation:.3s ease-out slideInUp;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.keyboard-shortcuts-hint.fade-out{animation:.3s ease-out forwards fadeOut}.shortcuts-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.shortcuts-header strong{color:var(--text);font-size:.875rem}.shortcuts-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.25rem;line-height:1;transition:all .2s;display:flex}.shortcuts-close:hover{background:var(--bg);color:var(--text)}.shortcuts-list{flex-direction:column;gap:8px;display:flex}.shortcut-item{justify-content:space-between;align-items:center;gap:12px;font-size:.8125rem;display:flex}.shortcut-item kbd{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #0000001a}.shortcut-item span{color:var(--text-muted)}.dropzone-hint{text-align:center;color:var(--text-muted);padding:60px 20px}.dropzone-hint svg{opacity:.6;margin-bottom:16px}.dropzone-hint p{margin:0;font-size:.875rem}.dropzone-hint .hint-sub{opacity:.8;margin-top:4px;font-size:.75rem}.canvas-dropzone.drag-over{background:var(--primary-light);border-color:var(--primary)}.canvas-dropzone.drag-over .dropzone-hint{color:var(--primary)}.field-type-btn.dragging{opacity:.5;transform:scale(.95)}.form-field-item.dragging{opacity:.5;transform:scale(.98)}.drag-placeholder{background:var(--primary);border-radius:2px;height:4px;margin:8px 0;animation:1s ease-in-out infinite pulse}.form-field-item{transition:all .2s}.form-field-item:hover{border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.form-field-item.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-field-item.selected .field-drag-handle{color:var(--primary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.form-field-item,.confirm-dialog .modal-content{animation:.3s ease-out slideInUp}.confirm-dialog .modal-backdrop{animation:.2s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#save-form-btn:disabled{opacity:.7;cursor:not-allowed}#save-form-btn .btn-spinner{border-color:#0000 currentColor currentColor}.field-properties{animation:.3s ease-out slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.field-type-btn{transition:all .2s}.field-type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.field-type-btn:active{transform:translateY(0)}.canvas-dropzone.has-fields .dropzone-hint{display:none}@media (max-width:768px){.keyboard-shortcuts-hint{max-width:none;bottom:12px;left:12px;right:12px}}.toast:focus-within,.confirm-dialog .modal-content:focus-within{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-contrast:high){.toast{border-width:2px}.form-field-item.selected{border-width:3px}}@media (prefers-reduced-motion:reduce){.toast,.form-field-item,.field-type-btn,.keyboard-shortcuts-hint,.confirm-dialog .modal-content{transition:none;animation:none}.spinner,.btn-spinner{animation:none}}.form-builder-layout{background:var(--bg);grid-template-columns:240px 1fr 280px;gap:0;height:calc(100vh - 64px);display:grid}.field-palette{background:var(--surface);border-right:1px solid var(--border);padding:16px;overflow-y:auto}.palette-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:.875rem;font-weight:600}.field-types{flex-direction:column;gap:8px;display:flex}.field-type-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:grab;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:.875rem;transition:all .2s;display:flex}.field-type-btn svg{color:var(--text-muted)}.field-type-btn:hover{border-color:var(--primary);background:var(--surface-hover)}.field-type-btn.dragging{opacity:.5;cursor:grabbing}.form-canvas-wrapper{flex-direction:column;display:flex;overflow:hidden}.canvas-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.canvas-actions{gap:12px;display:flex}.form-canvas{flex:1;padding:24px;overflow-y:auto}.canvas-dropzone{border:2px dashed var(--border);border-radius:8px;justify-content:center;align-items:center;min-height:300px;transition:all .2s;display:flex}.canvas-fields{flex-direction:column;gap:12px;display:flex}.field-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.field-item:hover{border-color:var(--primary-light)}.field-item.selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.field-item.dragging{opacity:.5;box-shadow:0 8px 24px #0003}.field-drag-handle{color:var(--text-muted);cursor:grab;padding:4px}.field-drag-handle:active{cursor:grabbing}.field-preview{flex:1}.field-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.field-item:hover .field-actions{opacity:1}.field-action-btn{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:6px;transition:all .2s}.field-action-btn:hover{color:var(--text);border-color:var(--text-muted)}.field-action-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.preview-field{flex-direction:column;gap:6px;display:flex}.preview-label{color:var(--text);font-size:.875rem;font-weight:500}.preview-label .required{color:var(--danger);margin-left:2px}.preview-input,.preview-select,.preview-textarea{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-muted);border-radius:6px;padding:8px 12px;font-size:.875rem}.preview-textarea{resize:none}.preview-heading{color:var(--text);font-size:1.125rem;font-weight:600}.preview-paragraph{color:var(--text-muted);font-size:.875rem}.preview-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.preview-hidden{color:var(--text-muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.preview-hidden .hidden-icon{background:var(--bg);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.preview-hidden .hidden-name{background:var(--bg);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.preview-checkbox-label,.preview-radio-label{color:var(--text);align-items:center;gap:8px;font-size:.875rem;display:flex}.preview-radio-group{flex-direction:column;gap:6px;margin-top:6px;display:flex}.field-properties{background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.properties-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.properties-header h3{font-size:.875rem;font-weight:600}.properties-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.properties-close:hover{color:var(--text)}.properties-body{padding:16px}.properties-body .form-group{margin-bottom:16px}.properties-body .form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.75rem;font-weight:500;display:block}.properties-body .form-group input[type=text],.properties-body .form-group input[type=number],.properties-body .form-group select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:8px 12px;font-size:.875rem}.properties-body .form-group input[type=text]:focus,.properties-body .form-group input[type=number]:focus,.properties-body .form-group select:focus{border-color:var(--primary);outline:none}.properties-body .form-group small{color:var(--text-muted);margin-top:4px;font-size:.75rem;display:block}.properties-body .form-group .checkbox-label{color:var(--text);text-transform:none;letter-spacing:normal;cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.options-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.option-item{gap:8px;display:flex}.option-item input{flex:1}.option-delete{background:var(--bg);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:8px}.option-delete:hover{color:var(--danger);border-color:var(--danger)}.btn-sm{padding:6px 12px;font-size:.75rem}.field-type-indicator{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.field-type-indicator small{color:var(--text-muted)}@media (max-width:1024px){.form-builder-layout{grid-template-columns:200px 1fr}.field-properties{z-index:100;width:280px;position:fixed;top:64px;bottom:0;right:0;box-shadow:-4px 0 12px #0000001a}}@media (max-width:768px){.form-builder-layout{grid-template-columns:1fr}.field-palette{border-right:none;border-top:1px solid var(--border);z-index:50;height:auto;max-height:200px;position:fixed;bottom:0;left:0;right:0}.field-types{flex-flow:wrap}.field-type-btn{flex:none}.form-canvas{padding-bottom:220px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:1100px;margin:0 auto;padding:0 1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}