:root{--font-primary: "Google Sans Flex", Inter, sans-serif;--font-secondary: Outfit, Inter, sans-serif;--font: var(--font-primary);--bg: #f7f6fc;--bg-soft: #f8f7fd;--bg-glow: radial-gradient(ellipse 70% 46% at 8% 0%, rgba(109, 94, 252, .07), transparent 52%), radial-gradient(ellipse 50% 36% at 100% 0%, rgba(45, 212, 191, .05), transparent 48%), #f7f6fc;--surface: #ffffff;--surface-2: #f8f7fc;--text: #17151f;--muted: #6d6980;--line: #eceaf4;--line-strong: #e3e0ee;--primary: #6d5efc;--primary-strong: #5b4cf0;--primary-soft: #f1edff;--primary-softer: #f6f3ff;--primary-gradient: linear-gradient(135deg, #8b7dff 0%, #6d5efc 52%, #5346e8 100%);--primary-gradient-hover: linear-gradient(135deg, #9d91ff 0%, #7a6bff 50%, #5b4cf0 100%);--primary-glow: 0 10px 20px rgba(109, 94, 252, .26);--danger: #e11d48;--danger-soft: #fff1f4;--success: #0f9d73;--success-soft: #e9faf3;--mint: #eafaf4;--lavender: #f0eaff;--sky: #eaf3ff;--view: #2563eb;--view-soft: #eff6ff;--shadow: 0 14px 36px rgba(49, 38, 92, .07);--shadow-sm: 0 6px 18px rgba(49, 38, 92, .05);--shadow-hover: 0 16px 34px rgba(49, 38, 92, .1);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--sidebar: 236px;--header: 60px;color-scheme:light}[data-theme=dark]{--bg: #12121a;--bg-soft: #12121a;--bg-glow: radial-gradient(ellipse 70% 46% at 8% 0%, rgba(139, 125, 255, .12), transparent 52%), #12121a;--surface: #1b1b26;--surface-2: #222230;--text: #f5f3ff;--muted: #a8a2bc;--line: #2d2b3c;--line-strong: #3a3750;--primary: #8b7dff;--primary-strong: #9d91ff;--primary-soft: #2a2550;--primary-softer: #232038;--primary-gradient: linear-gradient(135deg, #b4a8ff 0%, #8b7dff 48%, #6d5efc 100%);--primary-gradient-hover: linear-gradient(135deg, #c4bbff 0%, #9d91ff 50%, #7c6dff 100%);--primary-glow: 0 10px 22px rgba(139, 125, 255, .28);--danger-soft: #3a1a24;--success-soft: #16352c;--mint: #16352c;--lavender: #2a2550;--sky: #1b2d45;--view: #93c5fd;--view-soft: #1b2d45;--shadow: 0 16px 40px rgba(0, 0, 0, .35);--shadow-sm: 0 8px 24px rgba(0, 0, 0, .28);--shadow-hover: 0 18px 40px rgba(0, 0, 0, .42);color-scheme:dark}[data-theme=dark] .badge-required{border-color:#6b2a38}[data-theme=dark] .icon-btn-view{border-color:#2a4466}[data-theme=dark] .icon-btn-edit{border-color:#3d3860}[data-theme=dark] .icon-btn-danger{border-color:#6b2a38}[data-theme=dark] .data-table tbody tr:hover{background:#222230}[data-theme=dark] .top-bar,[data-theme=dark] .sidebar,[data-theme=dark] .panel,[data-theme=dark] .table-card,[data-theme=dark] .welcome-card,[data-theme=dark] .stat-card,[data-theme=dark] .app-loader-card{border-color:#2d2b3c}[data-theme=dark] .manage-fields-link{border-color:#3d3860}[data-theme=dark] .welcome-card{background:radial-gradient(circle at 92% 8%,rgba(139,125,255,.18),transparent 34%),var(--surface)}[data-theme=dark] .welcome-meta{background:#8b7dff24}[data-theme=dark] .stat-lavender,[data-theme=dark] .stat-mint,[data-theme=dark] .stat-sky{background:var(--surface)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:14px}body{margin:0;font-family:var(--font-primary);color:var(--text);background:var(--bg-glow);font-optical-sizing:auto;font-size:14px;letter-spacing:-.011em;line-height:1.45}button,input,select,textarea{font:inherit}h1,h2,h3,.btn,.stat-value,.header-title,.page-header h1,.welcome-copy h2,.login-card-head h2{font-family:var(--font-primary)}.brand-copy strong,.login-brand-title,.field-label,.field-hint,.field-error,.data-table th,.stat-label,.stat-hint,.welcome-meta,.login-brand-sub,.login-card-head p,.page-header p,.panel-head p,.nav-link,.badge,.check-copy,.auth-footer,.table-pagination,.empty-state p{font-family:var(--font-secondary)}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.boot-screen,.auth-shell{min-height:100vh}.boot-screen{display:grid;place-items:center;padding:24px;background:var(--bg-glow);animation:motion-fade-in .22s ease both}.app-loader{width:min(320px,100%)}.app-loader-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 28px 28px;background:var(--surface);border:1px solid rgba(236,234,244,.95);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:motion-scale-in .28s ease both}.app-loader-mark{position:relative;width:72px;height:72px;display:grid;place-items:center}.app-loader-logo{width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:0 8px 18px #8b1e2d1f;animation:loader-pulse 1.8s ease-in-out infinite}.app-loader-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--primary-soft);border-top-color:var(--primary);border-right-color:#8b7dff;animation:spin .9s linear infinite}.app-loader-title{margin:0;color:var(--text);font-size:16px;font-weight:650;letter-spacing:.08em;animation:loader-pulse 1.8s ease-in-out infinite}.app-loader-track{width:88px;height:4px;overflow:hidden;border-radius:999px;background:var(--primary-softer)}.app-loader-bar{display:block;width:40%;height:100%;border-radius:inherit;background:var(--primary-gradient);animation:loader-shimmer 1.4s ease-in-out infinite}.loading-ring{width:22px;height:22px;border-radius:50%;border:2px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes loader-pulse{0%,to{opacity:1}50%{opacity:.58}}@keyframes loader-shimmer{0%{transform:translate(-120%)}to{transform:translate(280%)}}.brand-mark{display:flex;align-items:center;gap:12px}.brand-logo{border-radius:14px;box-shadow:0 8px 18px #8b1e2d2e}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:13px;font-weight:700}.brand-copy span{font-size:11px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;letter-spacing:-.01em;transition:background .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible,.icon-btn:focus-visible,.nav-link:focus-visible,.avatar-btn:focus-visible,.field-control:focus-within,.text-btn:focus-visible{outline:3px solid rgba(109,94,252,.28);outline-offset:2px}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--primary-glow);text-shadow:0 1px 0 rgba(40,20,80,.18)}.btn-primary:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:0 12px 24px #6d5efc52;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);filter:brightness(.96)}.btn-secondary,.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.btn-outline{background:var(--primary-softer);color:var(--primary);border:1px solid #ddd4ff}.btn-outline:hover:not(:disabled){background:var(--primary-soft);border-color:#cfc4ff}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 10px 20px #e11d4838}.btn-danger:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.btn-sm{padding:6px 10px;font-size:12px}.btn-block{width:100%}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{width:32px;height:32px;border:1px solid var(--line);background:var(--surface);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#4b465c;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.icon-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-1px)}.icon-btn-primary{background:var(--primary-gradient);border-color:transparent;color:#fff}.icon-btn-primary:hover:not(:disabled){background:var(--primary-gradient-hover)}.icon-btn-view{color:var(--view);background:var(--view-soft);border-color:#dbeafe}.icon-btn-view:hover:not(:disabled){background:#dbeafe;border-color:#bfdbfe}.icon-btn-edit{color:var(--primary);background:var(--primary-softer);border-color:#ddd4ff}.icon-btn-edit:hover:not(:disabled){background:var(--primary-soft);border-color:#cfc4ff}.icon-btn-danger{color:var(--danger);background:var(--danger-soft);border-color:#ffe0e7}.icon-btn-danger:hover:not(:disabled){background:#ffe4ea;border-color:#fecdd6}.icon-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.text-btn{border:0;background:none;color:var(--primary);font-weight:600;padding:0}.text-btn:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:10px;width:100%}.field-label{font-size:12px;font-weight:650;color:var(--text)}.field-control{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.field-control:hover{border-color:var(--line-strong)}.field-control:focus-within{border-color:#cfc6ff;box-shadow:0 0 0 4px #6d5efc14}.textarea-control{border-radius:18px;align-items:stretch;min-height:auto;padding:12px 16px}.field-control input,.field-control select,.field-control textarea{width:100%;border:0;background:transparent;color:var(--text);outline:none;font-family:var(--font-primary)}select,option{font-family:var(--font-primary);font-size:13px;color:var(--text)}.select-control{position:relative;padding:0}.select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.select-trigger{width:100%;min-height:40px;padding:0 14px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text);font-family:var(--font-primary);font-size:13px;font-weight:500}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.select-caret{flex:0 0 auto;color:#8b86a0;transition:transform .18s ease}.select-control.is-open .select-caret{transform:rotate(180deg)}.select-menu{margin:0;padding:8px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);max-height:260px;overflow:auto;animation:motion-scale-in .18s ease both}.select-option{width:100%;display:block;border:0;background:none;text-align:left;padding:8px 10px;border-radius:12px;color:var(--text);font-family:var(--font-primary);font-size:13px;font-weight:500;letter-spacing:-.011em}.select-option:hover,.select-option:focus-visible{background:var(--primary-softer);color:var(--primary-strong)}.select-option.is-selected{background:var(--primary-soft);color:var(--primary-strong);font-weight:650}.field-control textarea{resize:vertical}.field-control.has-error{border-color:#f3b2c0;background:#fff8f9}.field-icon,.field-trailing{color:#8b86a0;display:inline-flex}.field-trailing{border:0;background:none;padding:0}.field-error,.field-hint{font-size:12px;line-height:1.45;margin-top:2px}.field-error{color:var(--danger)}.field-hint{color:var(--muted)}.check-field{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:2px 0}.check-field input{position:absolute;opacity:0;pointer-events:none}.check-box{width:18px;height:18px;border:1.5px solid #cfc8e6;border-radius:6px;margin-top:2px;background:var(--surface);position:relative;flex:0 0 auto}.check-field input:checked+.check-box{background:var(--primary);border-color:var(--primary)}.check-field input:checked+.check-box:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:2px solid white;border-top:0;border-left:0;transform:rotate(45deg)}.check-copy{display:flex;flex-direction:column;gap:2px}.check-copy small{color:var(--muted)}.toggle-field{display:inline-flex;align-items:center;gap:8px}.toggle{width:38px;height:22px;border-radius:999px;background:#d8d4e4;position:relative;transition:.2s ease}.toggle:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:.2s ease}.toggle.is-on{background:var(--primary)}.toggle.is-on:after{left:19px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:650;letter-spacing:.01em}.badge-neutral{background:#f1f0f5;color:#5c586b}.badge-success{background:var(--success-soft);color:var(--success)}.badge-lavender{background:var(--primary-soft);color:#5b4cf0}.badge-required{background:transparent;color:var(--danger);border:1px solid #f3b2c0}.app-shell{--sidebar-width: var(--sidebar);min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);grid-template-rows:var(--header) minmax(0,1fr);gap:8px;padding:8px;background:var(--bg-glow);transition:grid-template-columns .28s ease;animation:motion-fade-in .24s ease both}.app-shell.is-sidebar-collapsed{--sidebar-width: 88px}.sidebar-desktop{grid-column:1;grid-row:1 / -1;min-width:0;min-height:0;overflow:hidden}.top-bar{grid-column:2;grid-row:1;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--surface);border:1px solid rgba(236,234,244,.9);border-radius:26px;box-shadow:var(--shadow-sm)}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-toggle,.theme-toggle{width:34px;height:34px;border:0;border-radius:50%;background:var(--surface-2);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.sidebar-toggle:hover,.theme-toggle:hover{background:var(--primary-soft)}.sidebar{height:100%;display:flex;flex-direction:column;padding:10px 10px 12px;background:var(--surface);border:1px solid rgba(236,234,244,.9);border-radius:24px;box-shadow:var(--shadow-sm);overflow:hidden}.sidebar-toolbar{display:flex;align-items:center;min-height:40px;margin-top:auto;padding:10px 10px 0;border-top:1px solid var(--line);overflow:hidden}.sidebar-brand{display:flex;align-items:center;min-height:42px;padding:4px 10px 12px;margin-bottom:8px;border-bottom:1px solid var(--line);overflow:hidden}.sidebar-brand .brand-mark{min-width:0;width:100%;overflow:hidden;gap:10px}.sidebar-brand .brand-logo{width:36px;height:36px;flex:0 0 36px;border-radius:12px;box-shadow:0 6px 16px #8b1e2d33;background:#fff}.sidebar-brand .brand-copy{overflow:hidden;max-width:148px;opacity:1;flex:1 1 auto;min-width:0;transition:max-width .28s ease,opacity .16s ease}.sidebar-brand .brand-copy strong,.sidebar-brand .brand-copy span{display:block;overflow:hidden;white-space:nowrap}.app-shell.is-sidebar-collapsed .sidebar-brand .brand-copy{max-width:0;opacity:0;pointer-events:none}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;color:var(--muted);font-weight:550;position:relative;overflow:hidden;transition:background .16s ease,color .16s ease,box-shadow .16s ease,gap .28s ease}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.is-active{background:var(--primary-softer);color:var(--text);box-shadow:inset 0 0 0 1px #e6dfff}.nav-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;flex:0 0 auto}.nav-label{overflow:hidden;white-space:nowrap;flex:1 1 auto;min-width:0;max-width:148px;opacity:1;font-size:13px;transition:max-width .28s ease,opacity .16s ease}.app-shell.is-sidebar-collapsed .nav-link{gap:0}.app-shell.is-sidebar-collapsed .nav-label{max-width:0;opacity:0;pointer-events:none}.nav-icon-blue{background:linear-gradient(135deg,#60a5fa,#6366f1)}.nav-icon-violet{background:linear-gradient(135deg,#a78bfa,#ec4899)}.nav-icon-teal{background:linear-gradient(135deg,#2dd4bf,#3b82f6)}.nav-group{display:flex;flex-direction:column;gap:2px;overflow:hidden}.nav-group-toggle{width:100%;border:0;background:none;cursor:pointer;font:inherit;text-align:left}.nav-caret{margin-left:auto;color:var(--muted);flex:0 0 16px;width:16px;overflow:hidden;transition:transform .2s ease,width .28s ease,opacity .16s ease,flex-basis .28s ease,margin .28s ease}.nav-group.is-open .nav-caret{transform:rotate(180deg)}.nav-sub{position:relative;display:flex;flex-direction:column;gap:2px;margin:2px 0 4px;padding:0 4px 2px 22px;overflow:hidden;max-height:120rem;opacity:1;transition:max-height .28s ease,opacity .18s ease,margin .28s ease,padding .28s ease}.nav-group:not(.is-open) .nav-sub{max-height:0;opacity:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}.nav-sub:before{content:"";position:absolute;left:23px;top:4px;bottom:12px;width:1.5px;background:#c7d4e8}.nav-sub-link{position:relative;display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;padding:6px 10px;border-radius:10px;color:var(--muted);font:inherit;font-size:13px;font-weight:550;text-align:left;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease}.nav-sub-link:before{content:"";position:absolute;left:-10px;top:50%;width:10px;height:1.5px;background:#c7d4e8}.nav-sub-link:after{content:"";position:absolute;left:-13px;top:50%;width:7px;height:7px;border-radius:2px;background:#7dd3fc;transform:translateY(-50%) rotate(45deg)}.nav-sub-link:hover{background:var(--surface-2);color:var(--text)}.nav-sub-link.is-active{background:var(--primary-softer);color:var(--text)}.nav-sub-link .nav-label{flex:1 1 auto;min-width:0;text-overflow:ellipsis}.nav-sub-create{color:var(--primary);font-weight:650}.nav-sub-create:after{background:#6d5efc}.nav-sub-icon{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;flex:0 0 auto}.nav-sub-icon-create{background:linear-gradient(135deg,#34d399,#0f9d73)}.app-shell.is-sidebar-collapsed .sidebar-desktop .nav-caret{width:0;flex-basis:0;opacity:0;margin:0;pointer-events:none}.app-shell.is-sidebar-collapsed .sidebar-desktop .nav-sub{max-height:0;opacity:0;margin:0;padding-top:0;padding-bottom:0;pointer-events:none}.menu-toggle,.header-brand{display:none}.app-content{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;padding:6px 8px 20px}.user-menu{position:relative}.avatar-btn{width:34px;height:34px;border:0;border-radius:50%;background:linear-gradient(135deg,#4ec4ef,#2bb0e6);color:#fff;font-weight:700;box-shadow:0 8px 16px #2bb0e63d}.avatar-btn.static{display:grid;place-items:center}.user-popover{position:absolute;right:0;top:calc(100% + 10px);width:260px;background:var(--surface);border-radius:22px;box-shadow:var(--shadow);padding:16px 12px 10px;z-index:20;transform-origin:top right;animation:motion-scale-in .2s ease both}.user-popover-head{display:flex;gap:12px;padding:4px 8px 14px}.user-popover-head strong{display:block;font-size:13px}.user-popover-head p,.user-popover-head small{margin:0;color:var(--muted);font-size:12px}.menu-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:8px 10px;border-radius:12px;color:var(--primary);font-weight:600;font-size:13px;transition:background .16s ease,transform .16s ease}.menu-item-danger{color:var(--danger)}.menu-item:hover{background:var(--surface-2);transform:translate(2px)}.drawer-backdrop,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16141f6b;display:flex;z-index:40}.drawer-backdrop{justify-content:flex-start;animation:motion-fade-in .2s ease both}.drawer{width:min(86vw,300px);height:100%;background:var(--surface);position:relative;box-shadow:var(--shadow);animation:motion-slide-left .24s ease both}.drawer-close{position:absolute;top:16px;right:16px;z-index:2}.modal-backdrop{align-items:center;justify-content:center;padding:20px;animation:motion-fade-in .2s ease both}.modal-backdrop.is-stacked{z-index:46;background:#16141f47}.modal{width:min(560px,100%);background:var(--surface);border-radius:28px;box-shadow:var(--shadow);max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:motion-scale-in .24s ease both}.modal-lg{width:min(760px,100%)}.modal-xl{width:min(880px,100%)}.modal-heading{min-width:0;flex:1}.modal-title-row{display:flex;align-items:center;gap:10px}.modal-title-row h2{margin:0}.modal-sm{width:min(400px,100%)}.modal-sm .modal-header,.modal-sm .modal-footer{padding:16px 20px}.modal-sm .modal-header h2{font-size:16px}.modal-sm .modal-header p{margin-top:4px}.modal-header,.modal-footer,.modal-body{padding:18px 20px}.modal-header{display:flex;justify-content:space-between;gap:16px}.modal-header h2{font-size:18px}.modal-header p,.page-header p,.panel-head p,.welcome-copy p{color:var(--muted);margin-top:6px}.modal-body{overflow:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line)}.modal-footer.is-split{justify-content:space-between}.modal-footer-start,.modal-footer-end{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.modal-footer-end{margin-left:auto}.page-header,.panel-head,.toolbar,.form-actions,.welcome-card,.stat-grid,.stack-page,.form-page,.dashboard-page{display:flex}.page-header,.panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:600}.breadcrumb a{color:var(--primary)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:var(--muted);font-weight:500}.page-header-copy{display:flex;align-items:flex-start;gap:12px;min-width:0}.page-header-copy .icon-btn{margin-top:6px}.page-header-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.page-header-title-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.page-header h1{font-size:22px;letter-spacing:-.03em;font-weight:750;line-height:1.2}.panel-head h2{font-size:16px;letter-spacing:-.02em;font-weight:700}.empty-state h3,.loading-state h3,.error-state h3{font-size:15px;font-weight:700}.page-header p{max-width:56ch;line-height:1.5}.page-header-actions,.panel-actions,.form-actions,.table-actions,.pagination-actions,.copy-list-actions,.login-row,.profile-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.stack-page,.form-page,.dashboard-page{flex-direction:column;gap:16px}.stack-form{display:flex;flex-direction:column;gap:16px}.panel,.table-card,.welcome-card,.stat-card{background:var(--surface);border:1px solid rgba(236,234,244,.95);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.panel,.table-card{padding:16px 16px 14px}.stat-card{transition:transform .18s ease,box-shadow .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.form-grid,.detail-grid,.stat-grid{display:grid;gap:16px 16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.form-actions{justify-content:flex-end}.toolbar{max-width:420px}.form-banner{padding:10px 12px;border-radius:14px;margin:0;background:var(--danger-soft);color:#be123c;font-size:13px}.modal-body .form-banner{margin-bottom:16px}.form-banner-warning{background:#fff7e8;color:#9a6700}.welcome-card{position:relative;overflow:hidden;padding:18px 22px;flex-direction:column;gap:12px;background:radial-gradient(circle at 92% 8%,rgba(109,94,252,.16),transparent 34%),radial-gradient(circle at 6% 92%,rgba(45,212,191,.12),transparent 30%),linear-gradient(180deg,#fff,#fbfaff)}.welcome-body{display:flex;align-items:center;gap:14px}.welcome-logo{width:44px;height:44px;padding:6px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 10px 22px #8b1e2d1f;flex:0 0 auto}.welcome-meta{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 12px;border-radius:999px;background:#6d5efc14;color:var(--primary);font-size:12px;font-weight:600}.welcome-copy{min-width:0}.welcome-copy h2{font-size:22px;letter-spacing:-.03em;font-weight:750}.welcome-name{color:var(--primary)}.welcome-copy p{max-width:42ch;line-height:1.5}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{position:relative;overflow:hidden;padding:16px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.stat-card:after{content:"";position:absolute;right:-28px;top:-28px;width:128px;height:128px;border-radius:50%;pointer-events:none;opacity:.22}.stat-lavender{background:linear-gradient(180deg,#fff,#f7f3ff)}.stat-mint{background:linear-gradient(180deg,#fff,#f1fbf6)}.stat-sky{background:linear-gradient(180deg,#fff,#f3f8ff)}.stat-lavender:after{background:#8b7dff}.stat-mint:after{background:#34d399}.stat-sky:after{background:#60a5fa}.stat-copy{position:relative;z-index:1;min-width:0}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-gradient);color:#fff;flex:0 0 auto;position:relative;z-index:1;box-shadow:0 10px 18px #6d5efc42}.stat-lavender .stat-icon{background:linear-gradient(135deg,#8b7dff,#6d5efc)}.stat-mint .stat-icon{background:linear-gradient(135deg,#34d399,#0f9d73);box-shadow:0 10px 18px #0f9d7338;color:#fff}.stat-sky .stat-icon{background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 10px 18px #2563eb38;color:#fff}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat-value{font-size:26px;font-weight:750;letter-spacing:-.045em;margin:6px 0 2px;line-height:1}.stat-hint{color:var(--muted);font-size:12px}.table-wrap{overflow-x:auto;border-radius:18px}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.data-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.data-table th{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}.data-table th:first-child{border-top-left-radius:14px}.data-table th:last-child{border-top-right-radius:14px}.data-table tbody tr{transition:background .18s ease,transform .18s ease;animation:motion-fade-up .22s ease both}.data-table tbody tr:nth-child(1){animation-delay:20ms}.data-table tbody tr:nth-child(2){animation-delay:40ms}.data-table tbody tr:nth-child(3){animation-delay:60ms}.data-table tbody tr:nth-child(4){animation-delay:80ms}.data-table tbody tr:nth-child(5){animation-delay:.1s}.data-table tbody tr:nth-child(6){animation-delay:.12s}.data-table tbody tr:nth-child(n+7){animation-delay:.14s}.data-table tbody tr:hover{background:#faf9ff}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child{color:var(--text)}.col-actions{text-align:center;width:1%;min-width:148px;white-space:nowrap}.col-record{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;color:var(--muted);font-size:12px}.empty-state,.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:32px 16px}.loading-state p{color:var(--muted);font-size:13px;font-weight:550;letter-spacing:.02em}.empty-icon{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}.table-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.skeleton,.skeleton-value{height:16px;border-radius:999px;background:linear-gradient(90deg,#f1eef8,#f8f6fc,#f1eef8);background-size:200% 100%;animation:shimmer 1.2s infinite}.skeleton-value{width:72px;height:32px;margin:8px 0}@keyframes shimmer{to{background-position:-200% 0}}.field-list{display:flex;flex-direction:column;gap:10px}.field-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.field-row:hover{border-color:#ddd4ff;background:var(--surface);box-shadow:var(--shadow-sm)}.field-row.is-dragging{box-shadow:var(--shadow-sm);background:#fff}.drag-handle{border:0;background:none;color:#9a94ad;padding:0;cursor:grab}.field-type-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:#5b4cf0}.field-row-copy{flex:1;min-width:0}.field-row-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.field-row-copy span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.manage-fields{display:flex;flex-direction:column;gap:16px}.manage-fields-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.manage-fields-head h3{margin:0;font-size:14px}.manage-fields-link{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;border:1px solid #d9d1ff;background:var(--surface);color:var(--primary);border-radius:999px;padding:8px 14px;font-weight:600}.manage-fields-link:hover{background:var(--primary-softer)}.multi-select-options{display:flex;flex-direction:column;gap:10px}.row-menu{position:relative}.row-menu-pop{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border-radius:14px;box-shadow:var(--shadow);padding:6px;min-width:140px;z-index:5}.row-menu-pop button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 10px;border-radius:10px}.row-menu-pop button.danger{color:var(--danger)}.option-builder,.copy-list{display:flex;flex-direction:column;gap:14px}.option-row{display:flex;align-items:flex-start;gap:10px}.copy-list-actions{justify-content:flex-end}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid dt{color:var(--muted);font-size:13px;margin-bottom:4px}.detail-grid dd{margin:0;font-weight:650}.record-view-grid{align-items:start}.record-view-long{font-weight:500;white-space:pre-wrap;line-height:1.5}.auth-shell{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 70% 42% at 50% 0%,rgba(232,226,255,.55) 0%,transparent 70%),linear-gradient(180deg,#fcfbff,#f7f6fb 48%,#f4f5f8);padding:48px 16px 72px}.auth-footer{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#b0acb8;font-size:12px;letter-spacing:.01em}.login-page{width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}.login-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.login-brand .brand-mark{justify-content:center}.login-brand .brand-logo{border-radius:12px;box-shadow:none}.login-brand-copy{display:flex;flex-direction:column;align-items:center;gap:3px}.login-brand-title{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#1a1824}.login-brand-sub{font-size:12px;font-weight:500;color:#9a96a6}.drawer .sidebar{padding-top:56px}@property --login-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.login-card-shell{position:relative;z-index:0;width:100%;border-radius:30px;padding:1.5px;isolation:isolate;box-shadow:0 22px 55px #241c4414}.login-card-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--login-border-angle),rgba(109,94,252,0) 0deg,rgba(139,125,255,.12) 40deg,#b4a8ff 78deg,#6d5efc 110deg,rgba(45,212,191,.55) 140deg,rgba(109,94,252,0) 180deg,rgba(109,94,252,0) 360deg);animation:login-border-spin 9s linear infinite}.login-card{width:100%;padding:36px 32px 32px;display:flex;flex-direction:column;background:var(--surface);border:0;border-radius:28px;box-shadow:none}@keyframes login-border-spin{to{--login-border-angle: 360deg}}[data-theme=dark] .login-card-shell{box-shadow:0 22px 55px #00000059}[data-theme=dark] .login-card-shell:before{background:conic-gradient(from var(--login-border-angle),rgba(139,125,255,0) 0deg,rgba(180,168,255,.16) 40deg,#c4bbff 78deg,#8b7dff 110deg,rgba(52,211,153,.45) 140deg,rgba(139,125,255,0) 180deg,rgba(139,125,255,0) 360deg)}.login-card-head{text-align:center;margin-bottom:20px}.login-card-head h2{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.login-card-head p{margin-top:6px;font-size:13px;font-weight:450;color:#9a96a6}.login-fields{display:flex;flex-direction:column;gap:16px}.login-card .field-label{font-size:12px;font-weight:600;color:var(--text)}.login-card .field-control{min-height:40px;border-color:var(--line);background:var(--surface);box-shadow:none}.login-card .field-control:focus-within{border-color:#cfc6ff;box-shadow:0 0 0 4px #6d5efc14}.login-card .field-icon,.login-card .field-trailing{color:#b0abc0}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#16141f;caret-color:#16141f;transition:background-color 9999s ease-out}.login-row{margin-top:16px;margin-bottom:18px;justify-content:flex-start}.login-card .check-field{align-items:center;color:#5b5768;font-size:13px}.login-submit{min-height:40px;font-size:13px;font-weight:600}.toast-stack{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:60}.toast{min-width:280px;max-width:380px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;animation:motion-toast-in .22s ease both}.toast-success{color:var(--success)}.toast-error{color:var(--danger)}.toast-info{color:var(--primary)}.toast p{flex:1;color:var(--text)}.toast-close{border:0;background:none;color:var(--muted)}.wizard-fields .panel-head{margin-bottom:12px}.wizard-fields h3{font-size:14px}.inline-field-wizard,.inline-field-list{display:flex;flex-direction:column;gap:14px}.inline-field-card{background:var(--surface-2);border:1px solid var(--line);border-radius:22px;padding:16px 18px 18px}.inline-field-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inline-field-card-head span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.inline-field-remove{width:28px;height:28px;color:var(--muted)}.inline-field-card-row{display:grid;grid-template-columns:minmax(0,1fr) 168px auto;gap:12px;align-items:start}.inline-field-card .field{gap:6px}.inline-field-card .field-control{background:var(--surface)}.inline-field-card .toggle-field{height:48px;padding:0 4px 0 8px;white-space:nowrap}.inline-field-options{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.inline-field-add{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0 4px}@media (max-width: 980px){.sidebar-desktop,.sidebar-toggle{display:none}.menu-toggle,.header-brand{display:inline-flex}.app-shell,.app-shell.is-sidebar-collapsed{--sidebar-width: 0px;grid-template-columns:minmax(0,1fr);padding:8px}.top-bar,.app-content{grid-column:1}.top-bar{grid-row:1}.app-content{grid-row:2}.app-content{padding:8px 4px 24px}.drawer .sidebar{box-shadow:none;border-radius:0;height:100%}.drawer .nav-label{max-width:160px;opacity:1}.form-grid,.detail-grid,.stat-grid,.skeleton-row,.inline-field-card-row{grid-template-columns:1fr}.span-2{grid-column:auto}.page-header,.panel-head{flex-direction:column;align-items:stretch}.page-header-actions,.page-header-title-row,.page-header-actions .btn{width:100%}.welcome-copy h2,.page-header h1{font-size:20px}.welcome-card{padding:16px}.welcome-body{align-items:flex-start}.stat-card{padding:14px 16px}.stat-value{font-size:24px}}@media (max-width: 720px){.app-loader-card{padding:26px 22px 24px;gap:16px}.app-loader-title{font-size:15px}.welcome-body{flex-direction:column;align-items:flex-start}.welcome-logo{width:40px;height:40px}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:10px 14px;margin-bottom:12px}.data-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:9px 0}.data-table td.col-actions{justify-content:flex-end;padding-top:12px}.data-table td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.table-pagination,.panel-actions{flex-direction:column;align-items:stretch}.toast-stack{left:16px;right:16px}.toast{min-width:0}}@media (max-width: 640px){.modal-backdrop{padding:12px;align-items:flex-end}.modal,.modal-sm,.modal-lg,.modal-xl{width:100%;max-height:calc(100vh - 24px);border-radius:22px}.modal-header,.modal-footer,.modal-body{padding:16px}.modal-header h2{font-size:17px}.modal-footer.is-split,.modal-footer-start,.modal-footer-end{gap:8px}.modal-footer .btn{padding:9px 12px;font-size:13px}}@media (max-width: 480px){.modal-footer.is-split{flex-wrap:wrap}.modal-footer-start{flex:1 1 auto;min-width:0}.modal-footer-end{margin-left:auto}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}@keyframes motion-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes motion-scale-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes motion-slide-left{0%{transform:translate(-18px)}to{transform:translate(0)}}@keyframes motion-toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.dashboard-page>*,.stack-page>*,.form-page>*{animation:motion-fade-up .26s ease both}.dashboard-page>*:nth-child(2),.stack-page>*:nth-child(2),.form-page>*:nth-child(2){animation-delay:50ms}.dashboard-page>*:nth-child(3),.stack-page>*:nth-child(3),.form-page>*:nth-child(3){animation-delay:90ms}.dashboard-page>*:nth-child(n+4),.stack-page>*:nth-child(n+4),.form-page>*:nth-child(n+4){animation-delay:.12s}.login-brand{animation:motion-fade-up .24s ease both}.login-card{animation:motion-scale-in .26s ease both}.sidebar{transition:width .28s ease,box-shadow .2s ease}.stat-grid .stat-card:nth-child(1){animation-delay:70ms}.stat-grid .stat-card:nth-child(2){animation-delay:.11s}.row-menu-pop{transform-origin:top right;animation:motion-scale-in .18s ease both}.btn:active:not(:disabled),.icon-btn:active:not(:disabled){transform:translateY(0) scale(.98)}@media (prefers-reduced-motion: reduce){.dashboard-page>*,.stack-page>*,.form-page>*,.login-brand,.login-card,.login-card-shell:before,.user-popover,.drawer-backdrop,.drawer,.modal-backdrop,.modal,.toast,.row-menu-pop,.data-table tbody tr,.boot-screen,.app-loader-card,.app-loader-logo,.app-loader-ring,.app-loader-title,.app-loader-bar,.loading-ring{animation:none}.btn,.icon-btn,.menu-item,.stat-card,.nav-link,.nav-label,.nav-caret,.nav-sub,.app-shell,.sidebar-brand .brand-copy{transition:none}}