.dashboard-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 72px}.dashboard-hero,.section-heading,.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dashboard-hero{padding:36px;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 26%,transparent),transparent 34%),linear-gradient(135deg,var(--bg-surface),var(--bg-surface-hover));box-shadow:var(--shadow-md)}.dashboard-hero h1,.auth-card h1{max-width:680px;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.98;letter-spacing:-.06em;margin:0 0 16px}.dashboard-hero p:not(.eyebrow),.dashboard-hero ol,.auth-card p,.quickstart p,.security-card p{color:var(--text-secondary);line-height:1.7}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.overview-card,.quickstart,.security-card,.form-card,.auth-card,.error-card{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.overview-card{padding:20px}.overview-card span,.stat-card span{display:block;color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.overview-card strong,.stat-card strong{display:block;margin-top:8px;font-size:1.6rem;letter-spacing:-.04em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.forms-list{display:grid;gap:18px}.form-card{padding:24px}.form-card-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.form-card-kicker,.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-card-name{margin:0;font-size:1.35rem;letter-spacing:-.03em}.form-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.stat-card{padding:14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface-hover)}.stat-card.success{border-color:color-mix(in srgb,var(--success) 30%,var(--border-color))}.stat-card.warning{border-color:color-mix(in srgb,var(--warning) 35%,var(--border-color))}.stat-card.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-color))}.endpoint-panel,.snippet-block{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--code-bg);color:var(--code-text)}.table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:transparent}.endpoint-panel{padding:14px}.endpoint-row{display:flex;gap:10px;align-items:center}.endpoint-url{flex:1;min-width:0;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;white-space:nowrap}.card-actions,.settings-actions,.modal-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card-actions{margin:16px 0}.snippet-details{margin-top:14px}.snippet-details summary{cursor:pointer;color:var(--accent);font-weight:700}.snippet-pre{margin:0;padding:18px;overflow-x:auto;font-size:.82rem;line-height:1.6}.settings-form{margin-top:16px;padding:18px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface-hover)}.settings-form h4{margin:0 0 14px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.field span{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:.82rem;font-weight:700}.field input,.field select,.form-input{width:100%;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);padding:10px 12px;font:inherit;outline:none}.field input:focus,.field select:focus,.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.submissions-panel{margin-top:16px}.submissions-card{overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface)}.submissions-header{display:flex;justify-content:space-between;gap:16px;padding:16px;border-bottom:1px solid var(--border-color)}.submissions-header h4{margin:0}.submissions-header p{margin:4px 0 0;color:var(--text-muted);font-size:.85rem}.submissions-search input{min-width:220px}.table-wrap{border:0;border-radius:0;background:transparent;overflow-x:auto}.submissions-table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.submissions-table th{color:var(--text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.submissions-table small,.sub-email{display:block}.sub-email{font-weight:700}.submissions-table small{max-width:420px;color:var(--text-muted);overflow-wrap:anywhere}.sub-status,.form-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:800}.form-status.active,.sub-status.clean{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.form-status.inactive,.sub-status.spam{color:var(--warning);background:color-mix(in srgb,var(--warning) 14%,transparent)}.side-panel{display:grid;gap:18px;position:sticky;top:76px}.quickstart,.security-card{padding:22px}.quickstart h2,.security-card h2{margin:0 0 12px;letter-spacing:-.03em}.quickstart ol{padding-left:20px;margin:16px 0 20px}.quickstart li,.security-card li{margin-bottom:10px}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000094;backdrop-filter:blur(8px)}.modal-card{width:min(520px,100%);padding:24px;border:1px solid var(--border-color);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-md)}.modal-card p{color:var(--text-secondary);line-height:1.6}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-hover);color:var(--text-primary);cursor:pointer;transition:background .15s ease,color .15s ease;flex-shrink:0}.icon-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.toast{position:fixed;right:24px;bottom:24px;z-index:120;max-width:360px;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.toast.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.empty-state{padding:44px;text-align:center}.empty-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 18px;border-radius:18px;background:var(--accent-subtle);color:var(--accent);font-weight:900}.empty-state h3{margin:0 0 8px;font-size:1.4rem}.empty-state p{max-width:560px;margin:0 auto 22px;color:var(--text-secondary);line-height:1.65}.error-card{padding:24px}.error-card.compact{padding:18px}.error-pre{padding:14px;overflow-x:auto;border-radius:var(--radius-md);background:var(--code-bg)}.settings-status.success{color:var(--success)}.settings-status.error{color:var(--danger)}.form-error{margin-top:10px;color:var(--danger)}.inline-status{color:var(--text-muted);font-size:.85rem}.skeleton-card{min-height:260px;background:linear-gradient(90deg,var(--bg-surface-hover),var(--bg-surface),var(--bg-surface-hover));background-size:200% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-danger-text{color:var(--danger);border-color:transparent}.btn-danger-text:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:color-mix(in srgb,var(--danger) 30%,var(--border-color))}.full-width{width:100%;justify-content:center;margin-top:16px}@media(max-width:980px){.dashboard-hero,.section-heading,.submissions-header{flex-direction:column}.dashboard-grid{grid-template-columns:1fr}.side-panel{position:static}.overview-grid,.form-stats,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-shell{width:min(100% - 20px,1180px);padding-top:20px}.dashboard-hero{padding:22px}.overview-grid,.form-stats,.form-grid{grid-template-columns:1fr}.endpoint-row,.card-actions,.modal-actions{align-items:stretch;flex-direction:column}.endpoint-url{white-space:normal}.btn{width:100%;justify-content:center}}