.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:calc(var(--nav-h) + 24px) 20px 48px;max-width:1200px;width:100%;margin:0 auto}.loading{padding:48px;text-align:center;color:var(--text-light)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--card);border-bottom:1px solid var(--border);z-index:50}.navbar-container{max-width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.navbar-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;color:var(--primary);text-decoration:none}.navbar-brand-logo{height:34px;width:auto;display:block}.navbar-menu{display:flex;gap:20px;margin-left:auto;margin-right:auto}.navbar-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-light);font-size:.9rem;font-weight:500;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s,color .15s}.navbar-link:hover{background:var(--background);color:var(--primary)}.nav-icon{font-size:.9rem}.navbar-user{display:flex;align-items:center;gap:12px}.user-name{display:inline-flex;align-items:center;gap:6px;color:var(--text-light);font-size:.875rem}.user-icon{font-size:1.1rem;color:var(--secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:#475569}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--background)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-block{width:100%}.btn-icon{font-size:.85em}.form-group{margin-bottom:16px}.form-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--text)}.form-icon{color:var(--text-light);font-size:.9rem}.required{color:var(--error);margin-left:2px}.form-input,select.form-input,textarea.form-input{width:100%;padding:10px 12px;font-family:inherit;font-size:.875rem;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;transition:border-color .2s,box-shadow .2s}.form-input:focus,select.form-input:focus,textarea.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}textarea.form-input{resize:vertical;min-height:100px}.checkbox-label,.radio-label{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text);cursor:pointer;padding:4px 0}.checkbox-label input,.radio-label input{accent-color:var(--primary);width:16px;height:16px}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:4px}.error-message{background:#fef2f2;color:var(--error);padding:10px 14px;border-left:3px solid var(--error);border-radius:6px;font-size:.875rem;margin-bottom:16px}.success-message{padding:48px 24px;text-align:center;background:#f0fdf4;border-radius:12px}.success-message h2{margin-bottom:8px;color:var(--success)}.success-message p{color:var(--text-light);margin-bottom:20px}.auth-container{min-height:calc(100vh - var(--nav-h));display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.auth-title{font-size:1.75rem;font-weight:700;margin-bottom:4px}.auth-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:24px}.auth-form{margin-bottom:20px}.auth-footer{text-align:center;color:var(--text-light);font-size:.875rem;padding-top:20px;border-top:1px solid var(--border)}.auth-link{color:var(--primary);font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.dashboard-title{font-size:1.75rem;font-weight:700}.dashboard-subtitle{color:var(--text-light);font-size:.95rem;margin-top:4px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat-card{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-icon{font-size:1.5rem;color:var(--primary);flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.1}.stat-label{font-size:.8rem;color:var(--text-light);margin-top:2px}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-icon{color:var(--primary);font-size:1rem}.dashboard-section{margin-bottom:36px}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.form-card{background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,transform .1s}.form-card:hover{box-shadow:0 4px 12px #00000014}.form-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.form-card-title{font-size:1.05rem;font-weight:600;color:var(--text)}.form-card-description{color:var(--text-light);font-size:.875rem;min-height:1.4em}.form-card-stats{display:flex;gap:16px;font-size:.8rem;color:var(--text-light)}.form-stat{display:inline-flex;align-items:center;gap:6px}.form-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.form-card-footer{color:var(--text-light);font-size:.75rem;padding-top:2px}.form-status{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:100px;background:var(--border);color:var(--text-light);white-space:nowrap}.form-status.published{background:#dcfce7;color:#15803d}.form-status.draft{background:#fef3c7;color:#a16207}.empty-state{text-align:center;padding:56px 24px;background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000000d}.empty-state h3{font-weight:600;margin-bottom:6px}.empty-state p{color:var(--text-light);font-size:.9rem;margin-bottom:18px}.empty-icon{font-size:2.25rem;color:var(--text-light);margin-bottom:12px;opacity:.6}.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.list-header h1{font-size:1.75rem;font-weight:700}.list-filters{margin-bottom:20px}.search-box{position:relative;max-width:360px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-light)}.search-input{width:100%;padding:10px 12px 10px 36px;font-size:.9rem;border:1px solid var(--border);border-radius:8px;background:var(--card)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.forms-table,.responses-table{background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.forms-table table,.responses-table table{width:100%;border-collapse:collapse}.forms-table th,.responses-table th{text-align:left;padding:12px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--text-light);background:var(--background);border-bottom:1px solid var(--border)}.forms-table td,.responses-table td{padding:14px 16px;font-size:.9rem;color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle}.forms-table tr:last-child td,.responses-table tr:last-child td{border-bottom:none}.forms-table tr:hover td{background:var(--background)}.text-muted{color:var(--text-light);font-size:.825rem}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:100px;background:var(--border);color:var(--text-light)}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef3c7;color:#a16207}.badge-info{background:#dbeafe;color:#1e40af}.action-buttons{display:inline-flex;gap:6px}.builder-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.builder-header h1{flex:1;text-align:center;font-size:1.5rem;font-weight:700}.builder-content{display:flex;flex-direction:column;gap:20px}.form-section{background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.form-section h2{font-size:1.1rem;font-weight:600;margin-bottom:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{margin:0}.fields-list{display:flex;flex-direction:column;gap:12px}.field-card{background:var(--background);border:1px solid var(--border);border-radius:10px;padding:20px}.field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.field-number{font-size:.85rem;font-weight:600;color:var(--text-light)}.field-number:before{content:"Campo "}.field-actions{display:flex;gap:6px}.field-body{display:grid;grid-template-columns:200px 1fr;gap:16px 20px}.field-body .form-group{margin-bottom:0}.field-body .form-group:nth-child(1){grid-column:1}.field-body .form-group:nth-child(2){grid-column:2}.field-body .form-group:nth-child(3){grid-column:1 / -1}.field-body .form-group:nth-child(4){grid-column:1 / -1}.field-body .form-group:nth-child(5){grid-column:1 / -1}.builder-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:16px}.form-preview{max-width:720px;margin:0 auto}.preview-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.preview-header h1{flex:1;font-size:1.5rem;font-weight:700}.form-description{color:var(--text-light);margin-bottom:24px;font-size:.95rem}.form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-field{background:var(--card);border-radius:10px;box-shadow:0 1px 3px #00000014;padding:18px 20px}.form-field .form-label{font-size:.925rem;color:var(--text);margin-bottom:10px;display:block}.form-actions{display:flex;justify-content:flex-end}.responses-header{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.responses-header h1{font-size:1.5rem;font-weight:700}.responses-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.responses-stats.has-mail{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.responses-stats.has-mail{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.responses-stats.has-mail{grid-template-columns:1fr}}.stat-card--mail .stat-content{width:100%}.stat-of{font-size:1rem;font-weight:600;color:var(--text-light)}.stat-meter{height:4px;margin-top:8px;border-radius:100px;background:var(--border);overflow:hidden}.stat-meter-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .4s ease}.responses-filters{margin-bottom:28px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--card);border-radius:10px;box-shadow:0 1px 3px #00000014}.filter-group label{font-size:.85rem;color:var(--text-light);margin-right:4px}.filter-group .form-input{width:auto;min-width:150px;padding:6px 10px;font-size:.85rem}.filter-icon{color:var(--text-light)}.responses-section{margin-bottom:36px}.field-statistics{background:var(--card);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:14px;overflow:hidden}.field-stat-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--background);border-bottom:1px solid var(--border)}.field-stat-header h3{flex:1;font-size:.95rem;font-weight:600}.field-icon{font-size:1.1rem}.field-stat-content{padding:18px 20px}.number-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.number-stat{display:flex;flex-direction:column;gap:2px}.number-stat .stat-label{font-size:.72rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.03em}.number-stat .stat-value{font-size:1.5rem;font-weight:700}.distribution-chart{display:flex;flex-direction:column;gap:10px}.distribution-bar{display:grid;grid-template-columns:140px 1fr 44px;gap:12px;align-items:center}.bar-label{font-size:.875rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-container{height:10px;background:var(--border);border-radius:100px;overflow:hidden}.bar-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .4s ease}.bar-count{font-size:.825rem;color:var(--text-light);text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.responses-stats,.responses-stats.has-mail,.field-body{grid-template-columns:1fr}.field-body .form-group:nth-child(1),.field-body .form-group:nth-child(2){grid-column:1}.responses-header{grid-template-columns:1fr}.forms-table,.responses-table{overflow-x:auto}}@media (max-width: 640px){.main-content{padding:calc(var(--nav-h) + 20px) 16px 48px}.navbar-menu{display:none}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}.distribution-bar{grid-template-columns:100px 1fr 32px}.number-stats{grid-template-columns:1fr}}.app-shell{display:grid;grid-template-columns:var(--side-w, 340px) 1fr;min-height:100vh}.app-sidebar{width:var(--side-w, 340px);height:100vh;position:fixed;top:0;left:0;z-index:20;background:var(--card);border-right:1px solid var(--border);padding:22px 20px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overflow-x:hidden}.app-sidebar::-webkit-scrollbar{width:6px}.app-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}.public-brand{display:flex;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--border);flex-shrink:0}.public-brand-logo{height:42px;width:auto;display:block}.side-section{display:flex;flex-direction:column;gap:10px}.side-heading{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);margin:0}.side-heading-row{display:flex;align-items:center;justify-content:space-between}.side-ctrl{background:var(--background);border:1px solid var(--border);width:28px;height:28px;border-radius:6px;color:var(--text-light);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;transition:color .15s,border-color .15s}.side-ctrl:hover{color:var(--primary);border-color:var(--primary)}.side-note{font-size:.72rem;color:var(--text-light)}.side-form .form-group,.side-form-group{margin-bottom:12px}.side-footer{font-size:.8rem;color:var(--text-light);padding-top:12px;border-top:1px dashed var(--border)}.side-footer .auth-link{display:inline-flex;align-items:center;gap:4px}.side-nav{display:flex;flex-direction:column;gap:2px}.side-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:.9rem;font-weight:500;color:var(--text);text-decoration:none;border:1px solid transparent;transition:background .15s,color .15s}.side-nav-link:hover{background:var(--background);text-decoration:none}.side-nav-link.active{background:#eff6ff;color:var(--primary-dark);border-color:var(--primary-light)}.side-nav-link svg{font-size:.9rem;opacity:.85}.side-cta{margin-top:10px}.side-recent{flex:1;min-height:0}.side-forms{list-style:none;display:flex;flex-direction:column;gap:2px}.side-form{padding:11px 12px;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:2px 8px;transition:background .15s}.side-form:hover{background:var(--background)}.side-form-title{grid-column:1;font-size:.85rem;font-weight:500;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-form-title:hover{color:var(--primary);text-decoration:none}.side-form-meta{grid-column:1;display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-light)}.side-form-meta .dot{width:6px;height:6px;border-radius:50%}.side-form-meta .dot.on{background:var(--success)}.side-form-meta .dot.off{background:var(--warning)}.side-form-link{color:var(--primary);font-size:.65rem}.side-form-actions{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .15s}.side-form:hover .side-form-actions,.side-form:focus-within .side-form-actions{opacity:1}.side-form-actions a,.side-form-actions .side-form-action{width:24px;height:24px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-light);font-size:.7rem;background:var(--card);border:1px solid var(--border);cursor:pointer;padding:0}.side-form-actions a:hover,.side-form-actions .side-form-action:hover{color:var(--primary);border-color:var(--primary)}.side-user{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.side-user .user-name{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user .user-icon{font-size:1rem;color:var(--secondary)}.side-logout{flex-shrink:0}.demo-list{list-style:none;display:flex;flex-direction:column;gap:4px}.demo-item{position:relative;width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);cursor:pointer;overflow:hidden;transition:background .18s ease,border-color .18s ease}.demo-item:hover{background:var(--background)}.demo-item.active{background:#eff6ff;border-color:var(--primary-light)}.demo-dot{color:var(--border);font-size:.5rem;flex-shrink:0;transition:color .2s}.demo-item.active .demo-dot{color:var(--primary)}.demo-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-item-text strong{font-weight:600;font-size:.85rem}.demo-item-text small{font-size:.72rem;color:var(--text-light)}.demo-item.active .demo-item-text strong{color:var(--primary-dark)}.demo-item-progress{position:absolute;left:0;bottom:0;height:2px;background:var(--primary);border-radius:100px;animation-name:demo-drain;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes demo-drain{0%{width:100%;opacity:.85}to{width:0%;opacity:.35}}.app-main{grid-column:2;min-height:100vh;position:relative;overflow-x:clip;padding:40px 48px 56px;display:flex;flex-direction:column;align-items:center}.app-main-inner{width:100%;max-width:980px;margin-block:auto;display:flex;flex-direction:column;gap:24px}.is-public .app-main-inner{max-width:720px}.app-bg{position:fixed;top:0;left:var(--side-w, 340px);right:0;bottom:0;z-index:-1;pointer-events:none;overflow:hidden;background:linear-gradient(160deg,#1e3a8a,#1d4ed8 45%,#1e40af)}.public-bg-aura{position:absolute;top:50%;left:50%;width:min(880px,90%);aspect-ratio:1;transform:translate(-50%,-52%);background:url(/logo-mark.svg) center / contain no-repeat;filter:blur(64px);opacity:.42}.public-bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:44px 44px,44px 44px,220px 220px,220px 220px;mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 35%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 45%,#000 35%,transparent 100%)}.public-bg-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 42%,rgba(96,165,250,.3),transparent 70%),radial-gradient(ellipse 100% 90% at 50% 50%,transparent 30%,rgba(23,37,84,.55) 100%)}.app-main .dashboard-title,.app-main .hero-title{color:#fff}.app-main .dashboard-subtitle,.app-main .hero-subtitle{color:#ffffffd1}.public-hero{text-align:center}.hero-title{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.015em}.hero-subtitle{font-size:1rem;max-width:60ch;margin-inline:auto}.app-main .section-title{color:#fff}.app-main .loading{color:#ffffffd9}.app-main>.app-main-inner>.error-message{background:#fffffff2}.app-main .stat-card,.app-main .form-card,.app-main .panel,.app-main .demo-card,.app-main .forms-table,.app-main .responses-table,.app-main .field-statistics,.app-main .form-section,.app-main .filter-group,.app-main .empty-state,.app-main .auth-card{background:#fffffff2;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 48px -14px #0c205666,0 2px 6px #0c20561a}.app-main .dashboard-stats{background:transparent;border:none}.app-main .stat-card{border-radius:12px}.demo-card{border-radius:16px;padding:28px 30px 24px;position:relative}.demo-card{animation:demo-swap .42s cubic-bezier(.22,.68,.32,1) both}@keyframes demo-swap{0%{opacity:0;transform:translateY(10px) scale(.993)}to{opacity:1;transform:none}}.demo-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.demo-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.demo-desc{color:var(--text-light);font-size:.9rem}.demo-form .form-fields{gap:14px}.demo-card .form-field{background:transparent;box-shadow:none;border:none;padding:0 0 14px;border-bottom:1px solid var(--border)}.demo-card .form-field:last-child{border-bottom:none;padding-bottom:0}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.demo-progress{display:inline-flex;align-items:center;gap:6px;font-size:.825rem;color:var(--text-light);font-variant-numeric:tabular-nums}.demo-toast{margin-top:14px;background:#f0fdf4;color:#15803d;padding:10px 14px;border-left:3px solid var(--success);border-radius:6px;font-size:.875rem;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.panel{border-radius:14px;padding:22px 24px}.panel .section-title{color:var(--text)}.range-switch{display:inline-flex;gap:2px;padding:3px;background:#ffffff2e;border-radius:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.range-btn{border:none;background:transparent;cursor:pointer;padding:6px 14px;border-radius:7px;font-size:.82rem;font-weight:500;color:#ffffffd9;transition:background .15s,color .15s}.range-btn:hover{color:#fff}.range-btn.active{background:#fff;color:var(--primary-dark)}.spark-wrap{display:flex;flex-direction:column;gap:6px}.spark{width:100%;height:110px;display:block;overflow:visible}.spark-area{fill:#3b82f624}.spark-line{fill:none;stroke:var(--primary);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.spark-axis{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-light);font-variant-numeric:tabular-nums}.rank-list{display:flex;flex-direction:column}.rank-row{display:grid;grid-template-columns:minmax(160px,1.1fr) 2fr 44px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.rank-row:last-child{border-bottom:none}.rank-title{font-size:.92rem;font-weight:600;color:var(--text);text-decoration:none}.rank-title:hover{color:var(--primary)}.rank-meta{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.rank-bar{height:8px;background:var(--border);border-radius:100px;overflow:hidden}.rank-bar-fill{height:100%;background:var(--primary);border-radius:100px;transition:width .5s ease;min-width:2px}.rank-count{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c20568c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;animation:toast-in .18s ease-out}.modal{width:100%;max-width:520px;background:var(--card);border-radius:14px;box-shadow:0 24px 60px #0c205666;padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal-head h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:700}.modal-close{background:transparent;border:none;cursor:pointer;color:var(--text-light);font-size:1rem;padding:4px}.modal-close:hover{color:var(--text)}.modal-intro{color:var(--text-light);font-size:.875rem;margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.share-row{display:flex;gap:8px;margin-bottom:8px}.share-row .form-input{font-family:ui-monospace,Menlo,monospace;font-size:.8rem}.form-stat--link{color:var(--primary)}@media (max-width: 1000px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border)}.app-main{grid-column:1;padding:32px 20px 48px;min-height:auto}.app-bg{left:0}.side-form-actions{opacity:1}.side-recent{flex:none}.side-user{margin-top:12px}}@media (max-width: 640px){.app-main{padding:24px 16px 40px}.hero-title{font-size:1.6rem}.public-bg-aura{width:min(520px,95%);filter:blur(60px)}.public-bg-grid{background-size:32px 32px,32px 32px,160px 160px,160px 160px}.rank-row{grid-template-columns:1fr 36px}.rank-bar-wrap{grid-column:1 / -1}.range-switch{width:100%}.range-btn{flex:1}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.app-main-inner--wide{max-width:1560px}.builder-layout{display:grid;grid-template-columns:232px minmax(0,1fr) 420px;gap:20px;align-items:start}.builder-layout .builder-content{display:flex;flex-direction:column;gap:20px;min-width:0}.live-preview{position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:10px;min-width:0}.live-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#fff;background:#ffffff2e;padding:5px 11px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-badge svg{font-size:.78rem}.live-surface{background:#fffffff2;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 18px 48px -14px #0c205666,0 2px 6px #0c20561a;padding:24px;max-height:calc(100vh - 118px);overflow-y:auto}.live-surface::-webkit-scrollbar{width:6px}.live-surface::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}.live-title{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:4px}.live-desc{font-size:.875rem;color:var(--text-light);margin-bottom:18px}.live-placeholder{color:var(--text-light);opacity:.55;font-style:italic;font-weight:400}.live-fields{display:flex;flex-direction:column;gap:16px}.live-field{padding-bottom:16px;border-bottom:1px solid var(--border);animation:live-in .26s cubic-bezier(.22,.68,.32,1) both}.live-field:last-child{border-bottom:none;padding-bottom:0}.live-field .form-label{display:block;margin-bottom:8px}@keyframes live-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.live-empty{text-align:center;padding:36px 16px;border:1px dashed var(--border);border-radius:10px;color:var(--text-light)}.live-empty-icon{font-size:1.6rem;opacity:.4;margin-bottom:10px}.live-empty p{font-size:.85rem}.live-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.live-note{color:#ffffffb8;text-align:center}@media (max-width: 1400px){.builder-layout{grid-template-columns:200px minmax(0,1fr)}.live-preview{grid-column:1 / -1;position:static;max-height:none}.live-surface{max-height:none}}@media (max-width: 1180px){.builder-layout{grid-template-columns:1fr}.field-index{position:static;max-height:none}.live-preview{position:static;order:-1}.live-surface{max-height:none}.live-note{color:var(--text-light)}}.options-editor{display:flex;flex-direction:column;gap:10px}.options-head{display:flex;align-items:center;justify-content:space-between}.options-head .form-label{margin-bottom:0}.options-count{font-size:.72rem;color:var(--text-light)}.options-empty{font-size:.82rem;color:var(--text-light);padding:12px 14px;border:1px dashed var(--border);border-radius:8px}.options-list{list-style:none;display:flex;flex-direction:column;gap:8px}.option-row{display:flex;align-items:center;gap:10px}.option-index{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-light);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.option-input{flex:1;min-width:0}.option-actions{display:flex;gap:4px;flex-shrink:0}.option-btn{width:28px;height:28px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);color:var(--text-light);font-size:.68rem;transition:color .15s,border-color .15s,background .15s}.option-btn:hover:not(:disabled){color:var(--primary);border-color:var(--primary)}.option-btn:disabled{opacity:.4;cursor:not-allowed}.option-btn--danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#fef2f2}.option-add{align-self:flex-start}.field-index{position:sticky;top:20px;display:flex;flex-direction:column;gap:8px;background:#fffffff2;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 18px 48px -14px #0c205666,0 2px 6px #0c20561a;padding:16px 14px;max-height:calc(100vh - 40px);overflow-y:auto}.field-index::-webkit-scrollbar{width:6px}.field-index::-webkit-scrollbar-thumb{background:var(--border);border-radius:100px}.index-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border)}.index-title{display:inline-flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-light)}.index-count{min-width:20px;height:20px;padding:0 6px;border-radius:100px;display:inline-flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-light);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}.index-empty{font-size:.78rem;color:var(--text-light);padding:14px 4px}.index-list{list-style:none;display:flex;flex-direction:column;gap:2px}.index-item{display:flex;align-items:stretch;gap:2px;border-radius:8px;border:1px solid transparent;position:relative;transition:background .15s,border-color .15s,opacity .15s}.index-item:hover{background:var(--background)}.index-item.active{background:#eff6ff;border-color:var(--primary-light)}.index-item.dragging{opacity:.4}.index-item.over:before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--primary);border-radius:100px}.index-handle{display:flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;color:var(--border);cursor:grab;font-size:.7rem;border-radius:6px 0 0 6px;transition:color .15s,background .15s}.index-handle:hover{color:var(--primary);background:#3b82f614}.index-handle:active{cursor:grabbing}.index-item.active .index-handle{color:var(--primary-light)}.index-link{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 2px;background:transparent;border:none;cursor:pointer;text-align:left}.index-num{flex-shrink:0;width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-light);font-size:.65rem;font-weight:600;font-variant-numeric:tabular-nums}.index-item.active .index-num{background:var(--primary);color:#fff}.index-text{display:flex;flex-direction:column;gap:1px;min-width:0}.index-text strong{font-size:.8rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.index-text small{font-size:.68rem;color:var(--text-light)}.index-item.active .index-text strong{color:var(--primary-dark)}.index-add{margin-top:6px;width:100%;justify-content:center}.add-field-bottom{align-self:flex-start;margin-top:16px}.field-card.is-active{border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f61f}.modal--wide{max-width:680px}.share-tabs{display:flex;gap:2px;padding:3px;margin-bottom:18px;background:var(--background);border-radius:9px}.share-tab{flex:1;border:none;background:transparent;cursor:pointer;padding:8px 12px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;font-weight:500;color:var(--text-light);transition:background .15s,color .15s}.share-tab:hover{color:var(--text)}.share-tab.active{background:var(--card);color:var(--primary-dark);box-shadow:0 1px 3px #00000014}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.share-grid--3{grid-template-columns:1fr 1fr 1fr}.share-embed-toggle{margin:4px 0 8px}.share-status{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.share-pill{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:500;padding:4px 10px;border-radius:100px;background:var(--background);color:var(--text-light);border:1px solid var(--border)}.share-pill.ok{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.share-pill.warn{background:#fef3c7;color:#a16207;border-color:#fde68a}.modal-actions--spread{justify-content:space-between;align-items:center}.share-snippet{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.5;resize:vertical}.share-embed-off{text-align:center;padding:12px 0 4px}.share-embed-off .modal-intro{text-align:left}.embed-root{min-height:100%;padding:16px;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.embed-card{max-width:640px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.embed-title{font-size:1.2rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;margin-bottom:6px}.embed-muted{color:var(--text-light);font-size:.875rem}.embed-desc{margin-bottom:18px}.embed-fields{display:flex;flex-direction:column;gap:16px;margin:18px 0}.embed-field{padding-bottom:16px;border-bottom:1px solid var(--border)}.embed-field:last-child{border-bottom:none;padding-bottom:0}.embed-field .form-label{display:block;margin-bottom:8px}.embed-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border)}.embed-state{text-align:center;padding:28px 12px}.embed-state-icon{font-size:1.8rem;color:var(--text-light);opacity:.6;margin-bottom:12px}.embed-ok{color:var(--success);opacity:1}.embed-pass{display:flex;flex-direction:column;gap:12px}@media (max-width: 560px){.share-grid,.share-grid--3{grid-template-columns:1fr}.embed-card{padding:18px}}.field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.field-grid>.span-1{grid-column:span 1}.field-grid>.span-2{grid-column:span 2}.field-grid>.span-3{grid-column:span 3}.field-grid>.span-1,.field-grid>.span-2{border-bottom:none}.span-picker{display:flex;gap:6px}.span-btn{flex:1;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;border-radius:8px;background:var(--card);border:1px solid var(--border);font-size:.72rem;font-weight:500;color:var(--text-light);transition:border-color .15s,color .15s,background .15s}.span-btn:hover{border-color:var(--primary-light);color:var(--text)}.span-btn.active{border-color:var(--primary);color:var(--primary-dark);background:#eff6ff}.span-viz{display:flex;gap:2px;width:100%;max-width:46px}.span-viz i{flex:1;height:7px;border-radius:2px;background:var(--border);transition:background .15s}.span-btn.active .span-viz i.on{background:var(--primary)}.span-viz i.on{background:var(--secondary)}@media (max-width: 720px){.field-grid{grid-template-columns:1fr}.field-grid>.span-1,.field-grid>.span-2,.field-grid>.span-3{grid-column:span 1}}@media (max-width: 1400px){.live-fields.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-fields.field-grid>.span-1{grid-column:span 1}.live-fields.field-grid>.span-2,.live-fields.field-grid>.span-3{grid-column:span 2}}.app-shell.is-collapsed{grid-template-columns:64px 1fr}.app-shell.is-collapsed .app-bg{left:64px}.app-sidebar--rail{width:64px;padding:16px 0;align-items:center;gap:14px;overflow:visible}.rail-mark{width:30px;height:30px;display:block}.rail-toggle{width:30px;height:30px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border);color:var(--text-light);font-size:.72rem;transition:color .15s,border-color .15s}.rail-toggle:hover{color:var(--primary);border-color:var(--primary)}.rail-toggle--close{position:absolute;top:16px;right:14px}.app-shell.is-collapsed .app-main-inner{max-width:860px}@media (max-width: 1000px){.app-shell.is-collapsed{grid-template-columns:1fr}.app-shell.is-collapsed .app-bg{left:0}.app-sidebar--rail{width:100%;flex-direction:row;justify-content:space-between;padding:10px 16px;gap:0}}.data-tabs{display:inline-flex;gap:3px;padding:4px;background:#ffffff2e;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:4px}.data-tab{border:none;background:transparent;cursor:pointer;padding:8px 18px;border-radius:7px;display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:#ffffffd9;transition:background .15s,color .15s}.data-tab:hover{color:#fff}.data-tab.active{background:#fff;color:var(--primary-dark)}.data-controls{display:flex;align-items:center;gap:10px}.data-source{width:auto;min-width:230px;max-width:340px;padding:7px 10px;font-size:.85rem}.data-archive-note{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:var(--text-light);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:14px}.data-archive-note svg{flex-shrink:0;margin-top:2px}.data-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{position:sticky;top:0;z-index:1;text-align:left;white-space:nowrap;padding:10px 14px;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--text-light);background:var(--background);border-bottom:1px solid var(--border)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--background)}.data-col-meta{color:var(--text-light);white-space:nowrap}.data-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.data-pager{display:flex;gap:8px}@media (max-width: 640px){.data-controls{flex-direction:column;align-items:stretch;width:100%}.data-source{max-width:none;width:100%}.data-tabs{width:100%}.data-tab{flex:1;justify-content:center}}.chips-wrap{position:relative}.chips-box{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:92px;align-content:flex-start;padding:10px 12px;cursor:text;background:var(--card);border:1px solid var(--border);border-radius:8px;transition:border-color .15s,box-shadow .15s}.chips-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.chips-box.is-disabled{opacity:.6;pointer-events:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:100px;background:#eff6ff;border:1px solid var(--primary-light);font-size:.8rem;color:var(--primary-dark);max-width:100%;cursor:default;-webkit-user-select:none;user-select:none}.chip--bad{background:#fef2f2;border-color:#fecaca;color:var(--danger)}.chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-warn{font-size:.7rem;flex-shrink:0}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;border:none;border-radius:50%;cursor:pointer;background:#0000000f;color:inherit;font-size:.6rem;padding:0}.chip-x:hover{background:#00000029}.chip-edit{border:1px solid var(--primary);border-radius:100px;padding:4px 10px;font-size:.8rem;min-width:180px;outline:none;font-family:inherit}.chips-input{flex:1;min-width:180px;border:none;outline:none;font-size:.875rem;font-family:inherit;background:transparent;padding:4px 0}.chips-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.chips-clear{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-light);text-decoration:underline}.chips-clear:hover{color:var(--danger)}.chips-sug{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 18px);list-style:none;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0c205624;overflow:hidden}.chips-sug button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:none;background:transparent;cursor:pointer;font-size:.82rem;text-align:left;color:var(--text)}.chips-sug button:hover{background:var(--background)}.chips-sug small{color:var(--text-light);font-size:.72rem}.tab-badge{margin-left:6px;padding:1px 7px;border-radius:100px;background:var(--primary);color:#fff;font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums}.share-tab.active .tab-badge{background:var(--primary)}.mail-progress{background:var(--background);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:16px}.mail-progress-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;font-size:.95rem}.mail-report{background:var(--background);border-radius:8px;padding:10px 14px;margin-top:12px;font-size:.82rem}.mail-report p{display:flex;align-items:center;gap:6px}.mail-report-bad{color:var(--danger)}.mail-list{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.mail-list ul{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.mail-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;font-size:.82rem}.mail-row:hover{background:var(--background)}.mail-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-state{font-size:.72rem;color:var(--text-light);white-space:nowrap}.mail-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--border)}.mail-dot--sent{background:var(--primary-light)}.mail-dot--opened{background:var(--warning)}.mail-dot--responded{background:var(--success)}.mail-dot--failed{background:var(--danger)}.invited-as{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-light);background:var(--background);border-radius:8px;padding:9px 14px;margin-bottom:16px}.formview-head{margin-bottom:24px}.formview-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.formview-actions{display:flex;gap:8px}.formview-head .dashboard-subtitle{margin-bottom:18px}.formview-switch{display:inline-flex;gap:3px;padding:4px;background:#ffffff2e;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:14px}.formview-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:7px;text-decoration:none;font-size:.85rem;font-weight:500;color:#ffffffd9;transition:background .15s,color .15s}.formview-tab:hover{color:#fff;text-decoration:none}.formview-tab.active{background:#fff;color:var(--primary-dark)}.rank-row{grid-template-columns:minmax(160px,1.1fr) 2fr 44px 28px}.rank-go{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-light);border:1px solid var(--border);font-size:.7rem;text-decoration:none}.rank-go:hover{color:var(--primary);border-color:var(--primary);text-decoration:none}@media (max-width: 640px){.formview-switch{width:100%}.formview-tab{flex:1;justify-content:center}.rank-row{grid-template-columns:1fr 36px}.rank-go{display:none}}.archive-panel .section-title{color:var(--text)}.archive-panel .panel{box-shadow:none;border:none;background:transparent}.topbar{position:sticky;top:0;z-index:30;width:100%;max-width:1560px;margin:0 auto;background:#1e3a8ab8;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid rgba(255,255,255,.14);border-radius:0 0 14px 14px}.topbar:empty{display:none}.topbar-inner{padding:14px 24px}.topbar-main{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;min-height:44px}.topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.topbar-center{display:flex;justify-content:center}.topbar-right{display:flex;justify-content:flex-end;min-width:0}.topbar-titles{min-width:0}.topbar-title{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-subtitle{font-size:.8rem;color:#ffffffb8;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-back{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 13px;border-radius:8px;background:#ffffff24;color:#fff;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s}.topbar-back:hover{background:#ffffff42;text-decoration:none;color:#fff}.topbar-tabs{display:inline-flex;gap:3px;padding:4px;background:#ffffff24;border-radius:10px}.topbar-tab{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:7px;text-decoration:none;font-size:.85rem;font-weight:500;color:#ffffffd9;white-space:nowrap;transition:background .15s,color .15s}.topbar-tab:hover{color:#fff;text-decoration:none;background:#ffffff1f}.topbar-tab.active,.topbar-tab.active:hover{background:#fff;color:var(--primary-dark)}.topbar .btn{background:#ffffff24;border:1px solid rgba(255,255,255,.34);color:#fff}.topbar .btn:hover:not(:disabled){background:#ffffff42;border-color:#fff9;color:#fff}.topbar .btn:disabled{opacity:.45}.topbar .btn svg{color:#fff}.topbar .range-switch{background:#ffffff24}.topbar .range-btn{color:#ffffffd9}.topbar .range-btn:hover{color:#fff;background:#ffffff1f}.topbar .range-btn.active{background:#fff;color:var(--primary-dark)}.app-main{padding-top:0}.app-main-inner{padding-top:28px}.panel{margin-bottom:24px}.panel:last-child{margin-bottom:0}.dashboard-stats{margin-bottom:24px}@media (max-width: 1100px){.topbar-main{grid-template-columns:1fr auto;row-gap:12px}.topbar-center{grid-column:1 / -1;order:3}.topbar-right{order:2}}@media (max-width: 860px){.topbar-inner{padding:12px 16px}.topbar-title{font-size:1.1rem}.topbar-subtitle{display:none}.topbar-tabs{width:100%}.topbar-tab{flex:1;justify-content:center}}.archive-panel{padding:0}.archive-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:18px 24px;border:none;background:transparent;cursor:pointer;text-align:left;font-family:inherit}.archive-toggle:hover .section-title{color:var(--primary-dark)}.archive-caret{flex-shrink:0;color:var(--text-light);font-size:.8rem;transition:transform .18s ease}.archive-panel.is-open .archive-caret{transform:rotate(90deg)}.archive-toggle .section-title{margin:0;display:inline-flex;align-items:center;gap:8px}.archive-toggle .text-muted{margin-left:auto}.archive-panel.is-open .archive-toggle{border-bottom:1px solid var(--border)}.archive-panel .panel{margin:0;padding:20px 24px 22px;box-shadow:none;border:none;background:transparent}@media (max-width: 640px){.archive-toggle{flex-wrap:wrap;padding:14px 16px}.archive-toggle .text-muted{margin-left:0;width:100%;font-size:.75rem}}.sso-landing{max-width:520px;margin:0 auto}.sso-spin{animation:sso-rot 1s linear infinite;color:var(--primary);opacity:1}@keyframes sso-rot{to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #93c5fd;--secondary: #64748b;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--danger: #ef4444;--border: #e2e8f0;--background: #f8fafc;--card: #ffffff;--text: #1e293b;--text-light: #64748b;--nav-h: 64px}