code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 4px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.header-left{align-items:center;display:flex}.logo{color:#2563eb;text-decoration:none}.logo h1{font-size:24px;font-weight:700;margin:0}.header-nav{align-items:center;display:flex;gap:24px}.nav-link{border-radius:6px;color:#374151;font-weight:500;padding:8px 12px;text-decoration:none;transition:all .2s}.nav-link:hover{background:#f3f4f6;color:#2563eb}.header-right{align-items:center;display:flex}.user-menu{position:relative}.user-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.user-button:hover{background:#f3f4f6}.user-avatar{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:#374151}.user-role{color:#6b7280;font-size:12px;text-transform:uppercase}.user-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:1001}.dropdown-item{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.dropdown-item:hover{background:#f3f4f6}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{border:none;border-top:1px solid #e1e5e9;margin:0}.auth-links{align-items:center;display:flex;gap:16px}.auth-link{border-radius:6px;color:#374151;padding:8px 16px;transition:all .2s}.auth-link:hover{background:#f3f4f6;color:#2563eb}.auth-link.register{background:#2563eb;color:#fff}.auth-link.register:hover{background:#1d4ed8}@media (max-width:768px){.header-container{padding:0 16px}.header-nav,.user-name,.user-role{display:none}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:24px 20px;width:100%}@media (max-width:768px){.main-content{padding:16px}}.landing-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.hero-section{align-items:center;display:flex;min-height:100vh;padding:2rem 0}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-content{text-align:left}.hero-logo{margin-bottom:2rem}.hero-title{color:#1f2937;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{border-radius:.5rem;font-weight:600;padding:.75rem 1.5rem}.btn-secondary{background:#fff;border:2px solid #2563eb;color:#2563eb}.btn-secondary:hover{background:#2563eb;color:#fff}.btn-large{font-size:1.125rem;padding:1rem 2rem}.hero-graphic{height:400px;justify-content:center;position:relative}.floating-card,.hero-graphic{align-items:center;display:flex}.floating-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000001a;flex-direction:column;gap:.5rem;padding:1.5rem;position:absolute}.card-1{animation-delay:0s;left:10%;top:20%}.card-2{animation-delay:1s;right:20%;top:50%}.card-3{animation-delay:2s;bottom:20%;left:30%}.card-icon{font-size:2rem}.card-text{color:#374151;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features-section{background:#fff;padding:5rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-title{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#f8fafc;border-radius:1rem;padding:2rem;text-align:center;transition:transform .2s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#6b7280;line-height:1.6}.cta-section{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;padding:5rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.landing-footer{background:#1f2937;color:#fff;padding:2rem 0;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.footer-content p{opacity:.7}@media (max-width:768px){.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.floating-card{margin:1rem;position:relative}.hero-graphic{flex-direction:column;height:auto}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-container.enterprise{background:#f8fafc;padding:0}.auth-container.enterprise .auth-card{border-radius:0;box-shadow:none;display:flex;flex-direction:row;height:100vh;max-width:none;padding:0;width:100%}.auth-left-panel{background:#fff}.auth-left-panel,.auth-right-panel{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px;position:relative}.auth-right-panel{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;overflow:hidden}.auth-right-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.auth-form-container{max-width:400px;width:100%}.auth-branding-container{position:relative;text-align:center;z-index:1}.auth-branding-container h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.auth-branding-container p{font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:400px;opacity:.9}.auth-features{margin-top:3rem;max-width:400px;text-align:left}.auth-feature{align-items:center;display:flex;margin-bottom:1.5rem;opacity:.9}.auth-feature-icon{flex-shrink:0;height:24px;margin-right:12px;width:24px}.auth-feature-text{font-size:.95rem}@media (max-width:768px){.auth-container.enterprise .auth-card{flex-direction:column}.auth-right-panel{display:none}.auth-left-panel{padding:40px 20px}}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 8px}.auth-header p{color:#6b7280;font-size:16px;margin:0}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#374151;font-size:14px}.form-group input,.form-group select{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.auth-button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:background .2s}.auth-button:hover:not(:disabled){background:#1d4ed8}.auth-button:disabled{background:#9ca3af;cursor:not-allowed}.auth-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#6b7280;font-size:14px;margin:0}.auth-link{color:#2563eb;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.magic-link-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:20px}.magic-link-section h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 12px}.magic-link-section p{color:#6b7280;font-size:14px;margin:0 0 12px}.token-display{background:#1f2937;border-radius:6px;color:#f9fafb;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:12px 0;padding:12px;word-break:break-all}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:14px;margin-bottom:16px;padding:12px 16px}@media (max-width:480px){.auth-container{padding:16px}.auth-card{padding:24px}.auth-header h1{font-size:24px}}.dashboard{margin:0 auto;max-width:1200px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0 0 8px}.dashboard-header p{color:#6b7280;font-size:16px;margin:0}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;display:flex;gap:16px;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px #0000001a}.stat-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-content h3{color:#1f2937;font-size:28px;font-weight:700;margin:0 0 4px}.stat-content p{color:#6b7280;font-size:14px;margin:0}.dashboard-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}.dashboard-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.dashboard-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 20px}.forms-list,.submissions-list{display:flex;flex-direction:column;gap:16px}.form-item,.submission-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.form-info,.submission-info{flex:1 1}.form-info h4,.submission-info h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 4px}.form-info p,.submission-info p{color:#6b7280;font-size:12px;margin:0 0 4px}.form-meta,.submission-date{color:#9ca3af!important;font-size:11px!important}.submission-meta{align-items:flex-end;flex-direction:column;gap:4px}.priority-badge,.status-badge{border-radius:12px;color:#fff;font-size:10px;padding:2px 8px}.status-badge[data-status=pending]{background-color:#f59e0b}.status-badge[data-status=in-progress]{background-color:#3b82f6}.status-badge[data-status=completed]{background-color:#10b981}.status-badge[data-status=rejected]{background-color:#ef4444}.status-badge[data-status=on-hold]{background-color:#6b7280}.priority-badge[data-priority=low]{background-color:#10b981}.priority-badge[data-priority=medium]{background-color:#f59e0b}.priority-badge[data-priority=high]{background-color:#ef4444}.priority-badge[data-priority=urgent]{background-color:#dc2626}.form-status{align-items:center}.status-indicator{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.status-indicator.active{background:#d1fae5;color:#065f46}.status-indicator.inactive{background:#fee2e2;color:#991b1b}.no-data{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.loading{padding:40px}@media (max-width:768px){.dashboard-content{gap:24px;grid-template-columns:1fr}.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.dashboard-header h1,.stat-content h3,.stat-icon{font-size:24px}}.forms-list{margin:0 auto;max-width:1200px;padding:20px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.forms-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.forms-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.forms-filters{align-items:center;display:flex;gap:20px;margin-bottom:30px}.search-box{flex:1 1;max-width:400px}.status-filter{min-width:150px}.forms-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.form-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.form-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.form-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.form-card-header h3{color:#2c3e50;flex:1 1;font-size:1.25rem;font-weight:600;margin:0 12px 0 0}.form-status{display:flex;flex-wrap:wrap;gap:8px}.status-badge{font-size:.75rem;padding:4px 12px}.form-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;margin-bottom:16px;overflow:hidden}.form-stats{background-color:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:16px}.stat{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-label{font-size:.75rem;margin-bottom:4px}.stat-value{color:#2c3e50;font-size:1rem;font-weight:600}.form-actions{flex-wrap:wrap;gap:8px}.form-actions .btn{flex:1 1;font-size:.875rem;min-width:80px;padding:8px 12px;text-align:center}.no-forms{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.no-forms p{font-size:1.125rem;margin-bottom:20px}@media (max-width:768px){.forms-list{padding:16px}.forms-header{align-items:stretch}.forms-filters,.forms-header{flex-direction:column;gap:16px}.forms-grid{gap:16px;grid-template-columns:1fr}.form-stats{gap:12px}.form-actions,.form-stats{flex-direction:column}.form-actions .btn{flex:none}}.form-builder{margin:0 auto;max-width:1000px;padding:20px}.form-builder-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.form-builder-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.form-builder-content,.form-builder-form{display:flex;flex-direction:column;gap:30px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.form-group{margin-bottom:20px}.form-input,.form-select,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-textarea{min-height:100px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;display:flex;font-weight:400;margin-bottom:0}.checkbox-label input[type=checkbox]{display:none}.checkmark{border:2px solid #e1e5e9;border-radius:4px;height:20px;margin-right:12px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background-color:#3498db;border-color:#3498db}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.no-fields{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;padding:40px 20px;text-align:center}.fields-list{display:flex;flex-direction:column;gap:20px}.field-item{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:20px}.field-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.field-header h4{color:#2c3e50;font-size:1.125rem;font-weight:600;margin:0}.field-actions{display:flex;gap:8px}.field-form{display:flex;flex-direction:column;gap:16px}.form-builder-footer{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;justify-content:flex-end;padding:24px}@media (max-width:768px){.form-builder{padding:16px}.form-builder-header{align-items:stretch;flex-direction:column;gap:16px}.form-row{gap:16px;grid-template-columns:1fr}.section-header{gap:16px}.field-header,.section-header{align-items:stretch;flex-direction:column}.field-header{gap:12px}.field-actions{justify-content:center}.form-builder-footer{flex-direction:column}.form-builder-footer .btn{width:100%}}.form-viewer{margin:0 auto;max-width:1200px;padding:20px}.form-viewer-header{align-items:flex-start;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.form-meta{align-items:center;display:flex;gap:12px}.status-badge{border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.status-badge.public{background-color:#cce5ff;color:#004085}.form-description{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:30px;padding:20px}.form-description p{color:#2c3e50;font-size:1.125rem;line-height:1.6;margin:0}.form-viewer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.form-preview-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-preview-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.form-preview{display:flex;flex-direction:column;gap:20px}.field-preview{background-color:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;color:#6c757d;font-size:16px;padding:12px 16px}.checkbox-option,.radio-group,.radio-option{gap:8px}.form-details-section{display:flex;flex-direction:column;gap:24px}.form-details-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.details-grid{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.detail-item{align-items:center}.detail-value{word-break:break-all}.settings-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.settings-section h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 16px}.settings-list{display:flex;flex-direction:column;gap:12px}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.setting-label{color:#6c757d;font-weight:500}.setting-value{border-radius:12px;font-size:.875rem;font-weight:600;padding:4px 12px}.setting-value.enabled{background-color:#d4edda;color:#155724}.setting-value.disabled{background-color:#f8d7da;color:#721c24}.auto-response-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.auto-response-section h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 16px}.auto-response-content{display:flex;flex-direction:column;gap:16px}.auto-response-item{display:flex;flex-direction:column;gap:8px}.auto-response-label{color:#6c757d;font-size:.875rem;font-weight:500}.auto-response-value{color:#2c3e50;font-weight:600}.auto-response-message{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;color:#2c3e50;line-height:1.6;padding:16px;white-space:pre-wrap}.no-form{color:#6c757d}.no-form h2{margin-bottom:16px}.btn-primary:hover{background-color:#2980b9}.btn-secondary:hover{background-color:#7f8c8d}@media (max-width:1024px){.form-viewer-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.form-viewer{padding:16px}.form-viewer-header{align-items:stretch;flex-direction:column;gap:20px}.header-actions{flex-direction:column;gap:12px}.header-actions .btn{width:100%}.form-meta{flex-wrap:wrap}.detail-item{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{text-align:left}.setting-item{align-items:flex-start;flex-direction:column;gap:4px}}.form-submission{margin:0 auto;max-width:800px;padding:20px}.form-submission-header{border-bottom:2px solid #e1e5e9;margin-bottom:40px;padding-bottom:20px;text-align:center}.form-submission-header h1{color:#2c3e50;font-size:2.5rem;font-weight:600;margin:0 0 16px}.form-description{color:#6c757d;font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:600px}.submission-form{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:32px}.form-fields{gap:24px;margin-bottom:32px}.form-field,.form-fields{display:flex;flex-direction:column}.form-field{gap:8px}.field-label{color:#2c3e50;font-size:1rem;font-weight:500}.required{color:#e74c3c;margin-left:4px}.form-file,.form-input,.form-select,.form-textarea{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3498db;outline:none}.form-textarea{min-height:120px}.form-file{background-color:#f8f9fa;padding:8px 16px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 0}.radio-option input[type=radio]{cursor:pointer;height:18px;margin:0;width:18px}.radio-label{color:#2c3e50;cursor:pointer;font-size:16px}.checkbox-option{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 0}.checkbox-option input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{color:#2c3e50;cursor:pointer;font-size:16px}.form-actions{border-top:1px solid #e1e5e9;display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.success-message{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.success-icon{align-items:center;background-color:#d4edda;border-radius:50%;color:#155724;display:flex;font-size:2.5rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-message h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 16px}.success-message p{color:#6c757d;font-size:1.125rem;line-height:1.6;margin:0 0 24px}.redirect-message{color:#6c757d;font-style:italic;margin-top:16px}.form-inactive{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.form-inactive h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 16px}.form-inactive p{color:#6c757d;font-size:1.125rem;margin:0 0 24px}.no-form{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:60px 20px;text-align:center}.no-form h2{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 16px}.no-form p{color:#6c757d;font-size:1.125rem;margin:0 0 24px}.btn-outline:hover{background-color:#3498db;color:#fff}@media (max-width:768px){.form-submission{padding:16px}.form-submission-header h1{font-size:2rem}.submission-form{padding:24px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.radio-group{gap:8px}.checkbox-option,.radio-option{padding:4px 0}}@media (max-width:480px){.form-submission-header h1{font-size:1.75rem}.submission-form{padding:20px}.form-fields{gap:20px}}.submissions-list{margin:0 auto;max-width:1400px;padding:20px}.submissions-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.submissions-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#3498db;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-label{color:#6c757d;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.submissions-filters{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:24px}.filter-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.search-box{display:flex;flex-direction:column}.search-input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db;outline:none}.filter-group{display:flex;flex-direction:column}.filter-select{background-color:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;width:100%}.submissions-table-container{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;overflow:hidden}.submissions-table{border-collapse:collapse;width:100%}.submissions-table th{background-color:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#2c3e50;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase}.submissions-table td{border-bottom:1px solid #f1f3f4;padding:16px 12px;vertical-align:top}.submissions-table tbody tr:hover{background-color:#f8f9fa}.submission-link{color:#3498db;font-family:Courier New,monospace;font-weight:600;text-decoration:none}.submission-link:hover{text-decoration:underline}.form-info{display:flex;flex-direction:column}.form-title{color:#2c3e50}.form-title,.user-name{font-size:.875rem;font-weight:500}.user-email{font-size:.75rem}.anonymous,.unassigned{color:#6c757d;font-size:.875rem;font-style:italic}.date-info{display:flex;flex-direction:column}.date{color:#2c3e50;font-size:.875rem;font-weight:500}.time{color:#6c757d;font-size:.75rem}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.no-submissions{color:#6c757d;font-style:italic;padding:40px;text-align:center}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:30px}.page-info{color:#2c3e50;font-weight:500}.btn-secondary{background-color:#95a5a6}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}@media (max-width:1200px){.filter-row{gap:12px;grid-template-columns:1fr 1fr 1fr}.search-box{grid-column:1/-1}}@media (max-width:768px){.submissions-list{padding:16px}.submissions-header{align-items:stretch;flex-direction:column;gap:16px}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.filter-row{gap:16px;grid-template-columns:1fr}.submissions-table-container{overflow-x:auto}.submissions-table{min-width:800px}.submissions-table td,.submissions-table th{font-size:.875rem;padding:12px 8px}.action-buttons{flex-direction:column;gap:4px}.pagination{flex-direction:column;gap:12px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-number{font-size:1.5rem}}.submission-viewer{margin:0 auto;max-width:1400px;padding:20px}.submission-header{align-items:flex-start;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.header-content h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0 0 12px}.submission-meta{align-items:center;display:flex;gap:12px}.priority-badge,.status-badge{font-size:.875rem;padding:6px 16px}.header-actions{align-items:center}.submission-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.submission-details{display:flex;flex-direction:column;gap:24px}.attachments-section,.details-section,.form-data-section,.tags-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.attachments-section h2,.details-section h2,.form-data-section h2,.tags-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.details-grid{display:flex;flex-direction:column;gap:16px}.detail-item{align-items:flex-start;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#6c757d;font-weight:500;min-width:120px}.detail-value{color:#2c3e50;flex:1 1;font-weight:600;margin-left:16px;text-align:right}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#2c3e50;font-weight:600}.user-email{color:#6c757d;font-size:.875rem}.form-data-grid{gap:16px}.form-data-grid,.form-data-item{display:flex;flex-direction:column}.form-data-item{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;gap:8px;padding:16px}.form-data-label{color:#2c3e50;font-weight:600;text-transform:capitalize}.form-data-value{color:#495057;white-space:pre-wrap;word-break:break-word}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#e9ecef;border-radius:16px;color:#495057;font-size:.875rem;font-weight:500;padding:4px 12px}.attachments-list{display:flex;flex-direction:column;gap:12px}.attachment-item{align-items:center;background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.attachment-info{display:flex;flex-direction:column;gap:4px}.attachment-name{color:#2c3e50;font-weight:500}.attachment-size{color:#6c757d;font-size:.875rem}.submission-sidebar{display:flex;flex-direction:column;gap:24px}.metadata-section,.notes-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.metadata-section h2,.notes-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.notes-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;max-height:400px;overflow-y:auto}.note-item{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:16px}.note-content{color:#2c3e50;line-height:1.5;margin-bottom:8px}.note-meta{align-items:center;color:#6c757d;display:flex;font-size:.875rem;justify-content:space-between}.note-author{font-weight:500}.no-notes,.note-date{font-style:italic}.no-notes{color:#6c757d;padding:20px;text-align:center}.add-note-form{display:flex;flex-direction:column;gap:12px}.note-input{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:16px;min-height:80px;padding:12px 16px;resize:vertical;width:100%}.note-input:focus{border-color:#3498db;outline:none}.metadata-grid{gap:12px}.metadata-grid,.metadata-item{display:flex;flex-direction:column}.metadata-item{border-bottom:1px solid #f1f3f4;gap:4px;padding:8px 0}.metadata-item:last-child{border-bottom:none}.metadata-label{color:#6c757d;font-size:.875rem;font-weight:500}.metadata-value{color:#2c3e50;word-break:break-all}.metadata-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-sm{font-size:.875rem;padding:6px 12px}@media (max-width:1024px){.submission-content{gap:24px;grid-template-columns:1fr}}@media (max-width:768px){.submission-viewer{padding:16px}.submission-header{align-items:stretch;flex-direction:column;gap:20px}.header-actions{flex-direction:column;gap:12px}.header-actions .btn{width:100%}.submission-meta{flex-wrap:wrap}.detail-item{align-items:flex-start;flex-direction:column;gap:4px}.detail-value{margin-left:0;text-align:left}.user-info{align-items:flex-start}.attachment-item{align-items:stretch;flex-direction:column;gap:12px}.attachment-info,.note-meta{align-items:flex-start}.note-meta{flex-direction:column;gap:4px}}.submission-editor{margin:0 auto;max-width:1000px;padding:20px}.submission-editor-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.submission-editor-header h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0}.header-actions{display:flex;gap:12px}.submission-editor-content,.submission-editor-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.form-section h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:24px}.form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:8px}.form-input,.form-select{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#3498db;outline:none}.priority-preview,.status-preview{color:#6c757d;font-size:.875rem;margin-top:8px}.priority-badge,.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:4px 12px;text-transform:uppercase}.status-pending{background-color:#fff3cd;color:#856404}.status-in-progress{background-color:#cce5ff;color:#004085}.status-completed{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.status-on-hold{background-color:#e2e3e5;color:#383d41}.priority-urgent{background-color:#f8d7da;color:#721c24}.priority-high{background-color:#f5c6cb;color:#721c24}.priority-medium{background-color:#fff3cd;color:#856404}.priority-low{background-color:#d1ecf1;color:#0c5460}.tags-editor{display:flex;flex-direction:column;gap:16px}.tag-input-group{align-items:center;display:flex;gap:12px}.tag-input-group .form-input{flex:1 1}.readonly-data{gap:16px}.data-item,.readonly-data{display:flex;flex-direction:column}.data-item{background-color:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;gap:8px;padding:16px}.data-label{color:#2c3e50;font-weight:600;text-transform:capitalize}.data-value{background-color:#fff;border:1px solid #e1e5e9;border-radius:4px;color:#495057;font-family:Courier New,monospace;padding:12px;white-space:pre-wrap;word-break:break-word}.submission-editor-footer{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:16px;justify-content:flex-end;padding:24px}.loading{color:#6c757d;font-size:1.125rem;padding:60px 20px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:20px;padding:16px}.no-submission{color:#6c757d;padding:60px 20px;text-align:center}.no-submission h2{color:#2c3e50;margin-bottom:16px}.btn{border-radius:8px;font-size:16px;min-width:100px;padding:12px 24px;transition:all .3s ease}.btn:disabled{opacity:.6}.btn-primary{background-color:#3498db}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-outline{background-color:initial;border:2px solid #3498db;color:#3498db}.btn-outline:hover:not(:disabled){background-color:#3498db;color:#fff}.btn-danger{background-color:#e74c3c}.btn-danger:hover:not(:disabled){background-color:#c0392b}.btn-sm{font-size:14px;min-width:auto;padding:8px 12px}@media (max-width:768px){.submission-editor{padding:16px}.submission-editor-header{gap:16px}.submission-editor-header,.tag-input-group{align-items:stretch;flex-direction:column}.submission-editor-footer{flex-direction:column}.submission-editor-footer .btn{width:100%}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{min-height:100vh}.loading{align-items:center;color:#6b7280;display:flex;font-size:16px;justify-content:center;min-height:200px}.page-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:60px 20px;text-align:center}.page-placeholder h1{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 16px}.page-placeholder p{color:#6b7280;font-size:16px;margin:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.p-4{padding:16px}.p-8{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{background:#0000;border:1px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f3f4f6}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:4px}.form-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-select{background:#fff;cursor:pointer}.form-select,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.form-textarea{min-height:80px;resize:vertical}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.card-body{padding:20px}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;padding:2px 8px;text-transform:uppercase}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#374151}.alert{border-radius:6px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}@media (max-width:768px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}}
/*# sourceMappingURL=main.0a0e72ad.css.map*/