@import"https://fonts.googleapis.com/css2?family=Anuphan:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.hidden{display:none}.border{border-width:1px}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:light;--font-ui: "Nunito", "Anuphan", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-card: 0 1px 2px rgba(15, 23, 42, .06);--bg-page: #fafafa;--bg-orb-left: transparent;--bg-orb-right: transparent;--panel-bg: rgba(255, 255, 255, .96);--surface-base: #ffffff;--surface-soft: #f5f5f7;--surface-muted: #efeff2;--text-main: #18181b;--text-muted: #71717a;--text-soft: #3f3f46;--line-soft: #e4e4e7;--line-strong: #d4d4d8;--brand: #2f6fed;--brand-dark: #1f4ecf;--brand-soft: rgba(47, 111, 237, .1);--focus-ring: rgba(47, 111, 237, .18);--ok: #138a5b;--ok-soft: #e8faef;--warn: #9a6808;--warn-soft: #fff3db;--danger: #c64949;--danger-soft: #ffe9e9;--admin-orb-left: transparent;--admin-orb-right: transparent;--admin-frame-border: #e4e4e7;--shadow-lg: 0 8px 24px rgba(0, 0, 0, .06);--theme-toggle-bg: #ffffff;--theme-toggle-border: #e4e4e7;--theme-toggle-text: #18181b;--login-bg: #fafafa;--login-orb-a: transparent;--login-orb-b: transparent;--login-surface: #ffffff;--login-surface-border: #e4e4e7;--login-title: #18181b;--login-subtitle: #71717a;--login-kicker-bg: rgba(47, 111, 237, .1);--login-kicker-text: #2d62cf;--login-sso-bg: #f5f5f7;--login-sso-border: #e4e4e7}:root[data-theme=dark]{color-scheme:dark;--bg-page: #1a1b1e;--bg-orb-left: transparent;--bg-orb-right: transparent;--panel-bg: rgba(35, 37, 42, .96);--surface-base: #23252a;--surface-soft: #2a2c32;--surface-muted: #2f3138;--text-main: #e4e4e7;--text-muted: #9ba0a8;--text-soft: #c8cbd0;--line-soft: #34363c;--line-strong: #44464d;--brand: #6f98ff;--brand-dark: #5882f0;--brand-soft: rgba(111, 152, 255, .18);--focus-ring: rgba(111, 152, 255, .28);--ok-soft: rgba(19, 138, 91, .22);--warn-soft: rgba(154, 104, 8, .22);--danger-soft: rgba(198, 73, 73, .22);--admin-orb-left: transparent;--admin-orb-right: transparent;--admin-frame-border: #2a2c32;--shadow-lg: 0 12px 28px rgba(0, 0, 0, .45);--theme-toggle-bg: rgba(20, 21, 24, .9);--theme-toggle-border: #2a2c32;--theme-toggle-text: #ececee;--login-bg: #1a1b1e;--login-orb-a: transparent;--login-orb-b: transparent;--login-surface: #23252a;--login-surface-border: #34363c;--login-title: #e4e4e7;--login-subtitle: #9ba0a8;--login-kicker-bg: rgba(111, 152, 255, .16);--login-kicker-text: #9eb6ff;--login-sso-bg: #2a2c32;--login-sso-border: #34363c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:var(--text-base);font-family:var(--font-ui);color:var(--text-main);background:var(--bg-page);transition:background .2s ease,color .2s ease}html{scrollbar-gutter:stable}#root{min-height:100vh}button,input,select,textarea{font:inherit}.page-enter{animation:page-rise .42s ease}@keyframes page-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.input-control,.textarea-control,.select-control{width:100%;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-base);color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease}.input-control,.select-control{min-height:42px;padding:0 12px}.textarea-control{padding:8px 12px;resize:vertical}.input-control:focus,.textarea-control:focus,.select-control:focus{outline:none;border-color:color-mix(in srgb,var(--brand) 62%,white);box-shadow:0 0 0 4px var(--focus-ring)}.primary-button,.ghost-button,.danger-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-md);border:1px solid transparent;min-height:40px;padding:0 var(--space-4);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.primary-button.ui-button-sm,.ghost-button.ui-button-sm,.danger-button.ui-button-sm,.text-button.ui-button-sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-xs);gap:var(--space-1);border-radius:var(--radius-md)}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled,.text-button:disabled{opacity:.55;cursor:not-allowed}.primary-button{background:var(--brand);color:#fff}.primary-button:hover:not(:disabled){background:var(--brand-dark)}.ghost-button{background:var(--surface-base);color:var(--text-main);border-color:var(--line-soft)}.ghost-button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-soft)}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,var(--surface-base))}.danger-button:hover{background:color-mix(in srgb,var(--danger-soft) 70%,var(--surface-base))}.text-button{min-height:auto;padding:0;border:none;background:transparent;color:var(--brand);font-weight:600}.text-button:hover:not(:disabled){color:var(--brand-dark)}button:disabled{opacity:.5;cursor:not-allowed}.admin-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.admin-aurora{display:none}.admin-aurora-left{top:-160px;left:-180px;background:var(--admin-orb-left)}.admin-aurora-right{right:-200px;top:12%;background:var(--admin-orb-right)}.admin-body{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.admin-body-sidebar-collapsed{grid-template-columns:104px minmax(0,1fr)}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;border-bottom:1px solid var(--line-soft);padding:18px 28px 16px 24px;background:color-mix(in srgb,var(--panel-bg) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.admin-topbar-actions{display:inline-flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}.role-select{min-height:36px;min-width:88px;width:auto;flex:0 0 auto;padding:0 28px 0 var(--space-3);font-size:var(--text-sm);color:var(--text-soft);border-radius:var(--radius-md)}.admin-topbar-left{display:inline-flex;align-items:center;gap:10px;flex:1;min-width:0}.admin-back-button{width:32px;min-width:32px;height:32px;border-radius:8px}.admin-breadcrumb{margin:0;display:inline-flex;align-items:center;gap:0;color:var(--text-muted);font-weight:500;letter-spacing:.01em}.admin-breadcrumb-item{display:inline-flex;align-items:center;gap:0}.admin-breadcrumb-sep{margin:0 6px;opacity:.5}.admin-breadcrumb-item:last-child{color:var(--text-main);font-weight:600}.admin-stage{min-width:0;min-height:100vh;display:flex;flex-direction:column}.topbar-logout-button{width:34px;min-width:34px;height:34px;border-radius:8px;border:1px solid var(--line-soft)!important;background:var(--surface-base)!important;transition:all .2s ease}.topbar-logout-button:hover{border-color:var(--danger)!important;color:var(--danger)!important;background:var(--danger-soft)!important}.admin-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-bg) 96%,transparent),color-mix(in srgb,var(--surface-soft) 92%,transparent));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:24px 14px 18px}.admin-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 6px 18px}.admin-sidebar-title{margin:0;font-size:.98rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main)}.admin-sidebar-caption{margin:4px 0 0;font-size:.8rem;line-height:1.5;color:var(--text-muted)}.sidebar-collapse-button{width:30px;min-width:30px;height:30px;border-radius:10px}.admin-sidebar-nav{display:grid;gap:18px}.admin-nav-group{display:grid;gap:8px}.admin-nav-group-title{margin:0 0 2px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 8px}.admin-content{flex:1;min-width:0;padding:28px 28px 36px}.admin-nav-button{min-height:44px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text-muted);padding:0 12px;font-weight:700;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:color .2s ease,border-color .2s ease,background .2s ease}.admin-nav-button:hover{color:var(--text-main);border-color:color-mix(in srgb,var(--line-soft) 72%,var(--brand-soft) 28%);background:color-mix(in srgb,var(--surface-soft) 80%,var(--surface-base))}.admin-nav-button-icon{min-width:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease}.admin-nav-svg{width:15px;height:15px}.admin-nav-button-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .16s ease}.admin-nav-button-active{color:var(--brand-dark);font-weight:700;border-color:color-mix(in srgb,var(--brand) 18%,var(--line-soft));background:color-mix(in srgb,var(--brand-soft) 70%,var(--surface-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 10%,transparent)}.admin-nav-button-active .admin-nav-button-icon{color:var(--brand)}.admin-mobile-tabs,.admin-mobile-menu-button,.admin-mobile-drawer-root,.admin-body-sidebar-collapsed .admin-sidebar-title,.admin-body-sidebar-collapsed .admin-sidebar-caption,.admin-body-sidebar-collapsed .admin-nav-group-title{display:none}.admin-body-sidebar-collapsed .admin-sidebar{padding-left:10px;padding-right:10px}.admin-body-sidebar-collapsed .admin-sidebar-header{justify-content:center;padding-bottom:14px}.admin-body-sidebar-collapsed .admin-nav-group{gap:8px}.admin-body-sidebar-collapsed .admin-nav-button{justify-content:center;padding-left:0;padding-right:0;position:relative}.admin-body-sidebar-collapsed .admin-nav-button-label{opacity:0;width:0}.admin-body-sidebar-collapsed .admin-nav-button:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:color-mix(in srgb,var(--surface-base) 92%,#000 8%);color:var(--text-main);border:1px solid var(--line-soft);border-radius:8px;padding:6px 10px;font-size:.82rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-lg);transition:opacity .16s ease;z-index:6}.admin-body-sidebar-collapsed .admin-nav-button:hover:after{opacity:1}.dashboard-matrix-card{overflow:hidden}.dashboard-tree-table{min-width:980px;table-layout:fixed}.dashboard-tree-table th,.dashboard-tree-table td{font-size:.96rem}.dashboard-tree-table.templates-table th{font-size:.8rem;font-weight:800}.dashboard-tree-table .table-col-primary{width:43%}.dashboard-tree-table .table-col-status{width:270px}.dashboard-tree-table .table-col-actions{width:260px}.dashboard-tree-cell{display:inline-flex;align-items:center;gap:10px}.dashboard-tree-cell p{margin:0;font-weight:600;letter-spacing:-.01em}.dashboard-tree-cell small{color:var(--text-muted);font-size:.85rem}.dashboard-tree-project-cell{min-height:44px}.dashboard-tree-form-cell{min-height:38px;padding-left:20px}.dashboard-tree-form-cell>div{width:100%;padding:8px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--line-soft) 84%,var(--brand-soft) 16%);background:color-mix(in srgb,var(--surface-soft) 90%,var(--brand-soft) 10%)}.dashboard-project-row td{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-soft) 88%,transparent),color-mix(in srgb,var(--brand-soft) 24%,var(--surface-base) 76%));font-size:.96rem;font-weight:600}.dashboard-project-row-clickable{cursor:pointer}.dashboard-project-row-clickable:focus-visible{outline:2px solid color-mix(in srgb,var(--brand) 64%,transparent);outline-offset:-2px}.dashboard-project-row:hover td{background:linear-gradient(90deg,color-mix(in srgb,var(--surface-soft) 80%,transparent),color-mix(in srgb,var(--brand-soft) 34%,var(--surface-base) 66%))}.dashboard-form-row td{background:color-mix(in srgb,var(--surface-base) 95%,var(--surface-soft) 5%);transition:background .18s ease}.dashboard-form-row:hover td{background:color-mix(in srgb,var(--surface-soft) 80%,var(--brand-soft) 20%)}.dashboard-collapse-btn{width:24px;min-width:24px;height:24px;border-radius:6px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:color .18s ease}.dashboard-collapse-btn:hover{color:var(--brand)}.dashboard-collapse-chevron{transition:transform .28s cubic-bezier(.4,0,.2,1)}.dashboard-collapse-chevron-open{transform:rotate(90deg)}.dashboard-form-row-expanding{animation:dashboard-row-expand .2s ease both}.dashboard-form-row-collapsing{animation:dashboard-row-collapse .18s ease both}@keyframes dashboard-row-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-row-collapse{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.dashboard-tree-icon{color:var(--brand);opacity:.7;flex-shrink:0}.dashboard-status-cell{display:flex;align-items:center;width:100%}.dashboard-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;padding:22px;display:flex;align-items:center;justify-content:center;background:#0f182770;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dashboard-preview-dialog{width:min(860px,100%);max-height:calc(100vh - 44px);border:1px solid var(--line-soft);border-radius:20px;background:var(--surface-base);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.dashboard-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-soft) 76%,transparent)}.dashboard-preview-kicker{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:800}.dashboard-preview-header h2{margin:4px 0 0;font-size:1.15rem;letter-spacing:-.01em}.dashboard-preview-body{padding:18px;overflow-y:auto}.dashboard-preview-surface{max-width:100%}.dashboard-preview-note{margin:6px 2px;color:var(--text-muted);font-weight:600}.dashboard-preview-note-error{color:var(--danger)}.toggle-switch-label{position:relative;display:inline-flex;align-items:center;cursor:pointer}.toggle-switch-label input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.toggle-switch-track{position:relative;width:84px;height:30px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-muted) 30%,var(--surface-base));transition:background-color .18s ease;box-shadow:none}.toggle-switch-track:before{content:attr(data-off-label);position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--text-soft);font-size:var(--text-xs);line-height:1;font-weight:var(--weight-semibold);letter-spacing:.01em;transition:left .18s ease,right .18s ease,color .18s ease}.toggle-switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--radius-pill);background:#fff;box-shadow:0 1px 2px #0f172a2e;transition:transform .2s ease}.toggle-switch-label input:checked+.toggle-switch-track{background:var(--brand);box-shadow:none}.toggle-switch-label input:checked+.toggle-switch-track:before{color:#fff;content:attr(data-on-label);left:12px;right:auto}.toggle-switch-label input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(54px)}.toggle-switch-label:focus-within .toggle-switch-track{box-shadow:0 0 0 3px var(--focus-ring)}[data-theme=dark] .toggle-switch-label input:checked+.toggle-switch-track .toggle-switch-thumb{background:#fff}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line-soft);border-radius:var(--radius-md);background:var(--surface-base)}.setting-toggle-text{display:flex;flex-direction:column;gap:2px}.setting-toggle-title{font-weight:var(--weight-semibold);color:var(--text-main)}.setting-toggle-text small{color:var(--text-muted);font-size:var(--text-xs)}.module-placeholder-card{border:1px solid var(--line-soft);border-radius:20px;background:color-mix(in srgb,var(--surface-base) 95%,transparent);box-shadow:0 16px 30px #1a2a4912;padding:22px 24px}.module-placeholder-card p{margin:0;color:var(--text-muted);line-height:1.6}.templates-card-inset{margin:14px}.module-placeholder-card ul{margin:14px 0 0;padding-left:20px;display:grid;gap:8px}.table-help-text{margin:8px 0 0;color:var(--text-muted)}.project-title-cell p{margin:0;font-weight:600;line-height:1.5}.project-title-cell small{color:var(--text-muted);display:inline-block;margin-top:2px;line-height:1.5}.inline-action-row{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.icon-text-button{display:inline-flex;align-items:center;gap:6px}.icon-text-button svg{flex-shrink:0}.search-input-wrapper{position:relative;width:100%;max-width:540px}.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;opacity:.6}.search-with-icon{padding-left:40px!important}.submissions-filters{display:grid;grid-template-columns:220px 280px minmax(220px,1fr);gap:10px}.import-panel{display:grid;gap:10px;padding:14px;border:1px solid var(--line-soft);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 84%,transparent);margin-bottom:14px}.import-panel-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}.import-panel-title{margin:0;font-weight:700}.import-panel-head small{color:var(--text-muted)}.import-panel-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1fr) auto auto;gap:10px;align-items:center}.import-panel-meta{margin:0;color:var(--text-muted);font-size:.88rem}.import-panel-summary{display:flex;flex-wrap:wrap;gap:8px}.import-panel-summary span{display:inline-flex;align-items:center;min-height:30px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-base);padding:0 10px;font-size:.84rem;color:var(--text-soft)}.import-errors-wrap{overflow:auto}.import-errors-title{margin:2px 0 8px;font-weight:600}.import-errors-table th,.import-errors-table td{white-space:nowrap}.submissions-search-meta{grid-column:1 / -1;white-space:normal}.submissions-filters .search-input-wrapper{width:100%;max-width:none}.submissions-filters .search-with-icon{width:100%}.submissions-table td:first-child,.submissions-table th:first-child{width:190px;text-align:left}.submissions-table td:nth-child(2),.submissions-table th:nth-child(2){width:260px}.submissions-table td:nth-child(3),.submissions-table th:nth-child(3){width:280px}.submissions-table td:nth-child(4),.submissions-table th:nth-child(4){width:240px}.submissions-table td:nth-child(5),.submissions-table th:nth-child(5){width:140px}.submissions-table td:nth-child(6),.submissions-table th:nth-child(6){width:170px}.submissions-modal-dialog{width:min(1080px,100%)}.submissions-modal-body{display:grid;gap:14px}.submissions-export-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--line-soft);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 78%,transparent)}.submissions-export-panel-title{margin:0;font-weight:700;color:var(--text-soft)}.submissions-export-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.submissions-modal-form-row{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.submissions-modal-form-row label{display:grid;gap:8px}.submissions-modal-form-row label>span{color:var(--text-soft);font-weight:600}.submissions-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.submissions-modal-hint{margin:0;color:var(--text-muted);font-size:.86rem;align-self:center}.submissions-export-range-toggle{display:flex!important;align-items:center;justify-content:space-between;align-self:end;min-height:42px;height:42px;padding:0 12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-base);width:100%;box-sizing:border-box}.submissions-export-range-toggle>span{line-height:1}.submissions-export-range-toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:46px;height:26px;border-radius:999px;border:1px solid color-mix(in srgb,var(--line-soft) 88%,var(--brand) 12%);background:color-mix(in srgb,var(--surface-muted) 86%,var(--surface-base));cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease}.submissions-export-range-toggle input:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 3px 10px #1f2b3d38;transition:transform .2s ease}.submissions-export-range-toggle input:checked{background:linear-gradient(135deg,var(--brand) 0%,#4b8dff 100%);border-color:color-mix(in srgb,var(--brand) 72%,var(--line-soft))}.submissions-export-range-toggle input:checked:before{transform:translate(20px)}.submissions-export-range-toggle input:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.submissions-export-datetime-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.submissions-export-datetime-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft, var(--text-main))}.submissions-export-datetime-field>input{width:100%}.submissions-modal-summary{margin:0}.submissions-modal-table-wrap{max-height:min(52vh,540px)}.public-form-shell{min-height:100vh;padding:var(--space-6) var(--space-4);background:var(--bg-page);position:relative}.public-form-shell.is-submitting,.public-form-shell.is-submitting *{cursor:progress!important}.public-form-theme-toggle{position:fixed;top:16px;right:16px;width:36px;height:36px;border-radius:999px;border:1px solid var(--line-soft);background:var(--surface-base);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0f172a14;transition:background-color .15s ease,border-color .15s ease;z-index:20}.public-form-theme-toggle:hover{background:var(--surface-soft);border-color:var(--line-strong)}.public-form-card{width:min(100%,640px);margin:0 auto;border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-base);padding:var(--space-5)}.public-form-card-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.public-form-success-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--ok-soft);color:var(--ok)}.public-form-code{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--surface-soft);border:1px solid var(--line-soft)}.public-form-code-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted)}.public-form-code-value{font-family:Menlo,Consolas,monospace;font-weight:var(--weight-bold);color:var(--text-main);letter-spacing:.03em}.public-form-success-again{margin-top:var(--space-2)}.submission-deleted-field-tag{display:inline-block;margin-left:var(--space-2);padding:1px 8px;font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--danger-soft);color:var(--danger);vertical-align:middle}.submission-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.submission-file-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;font-size:var(--text-sm);color:var(--brand);text-decoration:underline;text-underline-offset:2px}.submission-file-link:hover{color:var(--brand-dark)}.public-form-submit-error{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.public-form-error-summary{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.public-form-error-summary-title{margin:0 0 6px;font-weight:700;font-size:var(--text-sm)}.public-form-error-summary-list{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:var(--text-sm)}.public-form-error-summary-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:4px 0;color:inherit;text-align:left;cursor:pointer;font:inherit;display:inline-flex;flex-wrap:wrap;gap:6px;align-items:baseline;width:100%}.public-form-error-summary-link:hover,.public-form-error-summary-link:focus-visible{text-decoration:underline;outline:none}.public-form-error-summary-field{font-weight:700}.public-form-error-summary-sep{opacity:.6}.public-form-card h1{margin:12px 0 10px;letter-spacing:-.02em}.public-form-card p{margin:0 0 10px;color:var(--text-muted);line-height:1.6}.public-form-grid{margin-top:18px;display:grid;gap:14px}.public-form-field{display:grid;gap:8px}.public-form-field>span{font-weight:600;color:var(--text-soft)}.google-preview-question-card small.public-form-error,.public-form-error{display:inline-block;margin-top:10px;padding:4px 10px;border-radius:6px;color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 75%,transparent);font-size:.92rem;font-weight:700}.templates-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px;padding:24px 26px;border:1px solid color-mix(in srgb,var(--line-soft) 82%,var(--brand-soft) 18%);border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-base) 92%,var(--brand-soft) 8%),color-mix(in srgb,var(--surface-soft) 88%,transparent) 58%,color-mix(in srgb,var(--surface-base) 96%,transparent));box-shadow:0 20px 40px #1a2a4914}.templates-head h1,.builder-header h1{margin:0;font-size:clamp(1.5rem,2vw,2.2rem);letter-spacing:-.03em}.page-head-body{display:grid;gap:12px;min-width:0}.page-summary{margin:0;max-width:780px;color:var(--text-muted);line-height:1.7}.page-stats{display:flex;gap:12px;flex-wrap:wrap}.page-stat{min-width:150px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--line-soft) 80%,transparent);background:color-mix(in srgb,var(--surface-base) 82%,transparent)}.page-stat strong{display:block;font-size:1.02rem;line-height:1.25;color:var(--text-main)}.page-stat span{display:block;margin-top:4px;color:var(--text-muted);font-size:.84rem}.submissions-head-actions{min-width:min(100%,560px);align-self:stretch;align-content:flex-start}.submissions-head-select{min-width:240px;width:min(100%,320px)}.submissions-file-input-hidden{display:none}.submissions-file-name{margin:0;flex-basis:100%;color:var(--text-muted);font-size:.84rem;text-align:right;display:inline-flex;gap:8px;align-items:center;justify-content:flex-end}.submissions-file-clear{display:inline-flex;align-items:center;gap:4px;font-size:.8rem}.templates-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-base);overflow:hidden}.submissions-import-summary{margin:16px 16px 0}.submissions-import-errors{margin:8px 16px 0}.section-stack-gap-sm{margin-top:12px}.templates-search-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft);background:var(--surface-soft)}.templates-search{width:100%;max-width:540px}.templates-search-meta{margin:0;color:var(--text-muted);font-size:.9rem;font-weight:600;white-space:nowrap}.templates-table-wrap{overflow-x:auto;padding:0;background:var(--surface-base);max-width:100%}.templates-table{width:100%;border-collapse:collapse;border-spacing:0;min-width:920px;background:var(--surface-base)}.templates-table .table-code,.templates-table .table-col-status,.templates-table .table-col-actions,.templates-table .table-col-actions-wide{white-space:nowrap}.templates-table th,.templates-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:var(--space-4);vertical-align:middle;font-size:var(--text-sm);color:var(--text-main)}.templates-table th{background:var(--surface-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:0;text-transform:none;color:var(--text-muted);white-space:nowrap;padding-top:var(--space-3);padding-bottom:var(--space-3)}.templates-table:not(.dashboard-tree-table) tbody tr:hover td{background:color-mix(in srgb,var(--text-main) 4%,var(--surface-base))}.templates-table tbody tr:last-child td{border-bottom:none}.templates-table .table-col-index{width:74px;text-align:center}.templates-table .table-col-primary{width:34%}.templates-table .table-col-secondary{width:170px}.templates-table .table-col-meta,.templates-table .table-col-date,.templates-table .table-col-status,.templates-table .table-col-actions{width:220px}.templates-table .table-col-actions-wide{width:280px}.templates-table .table-col-left,.table-first-col-left .table-col-index,.table-first-col-left td:first-child,.table-first-col-left th:first-child{text-align:left}.template-url{color:var(--text-main);font-size:.95rem;line-height:1.6;min-width:0}.template-url-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;min-width:0}.template-url-row a{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand)}.copy-link-button{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:2px 8px;font-size:var(--text-xs);color:var(--brand);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer}.copy-link-button:hover{background:var(--surface-muted, var(--surface-2, rgba(0, 0, 0, .04)));border-color:var(--brand)}.template-url-hint{display:block;margin-top:4px;color:var(--danger);font-size:var(--text-xs)}@media (min-width: 861px){.forms-table{table-layout:fixed;min-width:760px}.forms-table .table-col-index{width:52px}.forms-table .table-col-primary{width:22%}.forms-table .table-col-meta{width:24%}.forms-table .table-col-date{width:15%}.forms-table .table-col-status{width:110px}.forms-table .table-col-actions-wide{width:220px}.forms-table .table-col-primary .table-primary-cell p,.forms-table .table-col-primary .table-primary-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 860px){.table-cards{display:block;min-width:0;width:100%;table-layout:auto}.table-cards thead{display:none}.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards td[class]{width:100%}.table-cards tr{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-base);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.table-cards td{padding:var(--space-2) 0;border-bottom:1px solid var(--line-soft);text-align:left;font-size:var(--text-sm);min-width:0}.table-cards td:last-child{border-bottom:none;padding-bottom:0}.table-cards td:before{content:attr(data-label);display:block;margin-bottom:2px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted)}.table-cards td:not([data-label]){display:none}.table-cards td.empty-row{display:block}.table-cards td.table-col-primary{padding-top:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.table-cards td.table-col-primary:before,.table-cards td.table-col-actions:before,.table-cards td.table-col-actions-wide:before{display:none}.table-cards .table-primary-cell p,.table-cards .table-primary-cell small{white-space:normal;overflow:visible}.table-cards td.table-col-actions .table-actions,.table-cards td.table-col-actions-wide .table-actions{flex-wrap:wrap;justify-content:flex-start}.table-cards td a{overflow-wrap:anywhere}}.ui-toast-stack{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:min(400px,calc(100vw - 32px))}.ui-toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-base, #ffffff);color:var(--text-main);border:1px solid var(--line-soft);box-shadow:var(--shadow-lg);animation:ui-toast-in .2s cubic-bezier(.16,1,.3,1)}.ui-toast-icon-chip{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand)}.ui-toast-success .ui-toast-icon-chip{background:var(--ok-soft);color:var(--ok)}.ui-toast-error .ui-toast-icon-chip{background:var(--danger-soft);color:var(--danger)}.ui-toast-icon{flex-shrink:0}.ui-toast-message{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.45}.ui-toast-close{flex-shrink:0;display:inline-flex;padding:4px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease}.ui-toast-close:hover{color:var(--text-main);background:var(--surface-soft)}.ui-toast-action{flex-shrink:0;padding:5px 12px;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--brand);background:transparent;border:1px solid color-mix(in srgb,var(--brand) 45%,transparent);border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease}.ui-toast-action:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)}.ui-toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left center;background:var(--brand);opacity:.5;animation-name:ui-toast-countdown;animation-timing-function:linear;animation-fill-mode:forwards}.ui-toast-success .ui-toast-progress{background:var(--ok)}.ui-toast-error .ui-toast-progress{background:var(--danger)}.ui-toast:hover .ui-toast-progress{animation-play-state:paused}@keyframes ui-toast-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table-primary-cell{display:grid;gap:4px;min-width:0}.table-primary-cell p{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.45;color:var(--text-main)}.table-primary-cell small{color:var(--text-muted);line-height:1.5}.table-code{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-soft) 86%,transparent);color:var(--text-main);font-size:.82rem;font-weight:800;letter-spacing:.04em}.table-status-readout{display:inline-flex;align-items:center;gap:8px}.table-status-control{display:inline-flex;align-items:center;width:100%}.table-status-switch{flex:0 0 auto}.table-status-switch.is-pending{cursor:progress}.table-status-switch.is-pending .toggle-switch-track{animation:toggle-pending-pulse .9s ease-in-out infinite}@keyframes toggle-pending-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.table-status-switch.is-pending .toggle-switch-track{animation:none;opacity:.7}}.table-status-switch .toggle-switch-track{width:66px;height:30px}.table-status-switch .toggle-switch-thumb{width:24px;height:24px}.table-status-switch input:checked+.toggle-switch-track .toggle-switch-thumb{transform:translate(36px)}.table-status-switch .toggle-switch-track:before{font-size:.72rem;right:8px}.table-status-switch input:checked+.toggle-switch-track:before{left:8px}.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.table-actions-nowrap{flex-wrap:nowrap}.table-action-menu{position:relative}.table-action-menu-trigger{width:34px;min-width:34px;height:34px;border-radius:11px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-base) 94%,transparent);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.table-action-menu-trigger:hover,.table-action-menu-trigger-open{color:var(--text-main);border-color:var(--line-strong);background:var(--surface-soft)}.table-action-menu-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;padding:8px;border-radius:16px;border:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-base) 96%,transparent);box-shadow:0 18px 38px #1a2a4929;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;gap:4px;z-index:12}.table-action-menu-item{min-height:38px;width:100%;padding:0 12px;border:none;border-radius:10px;background:transparent;color:var(--text-main);display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;cursor:pointer;text-align:left}.table-action-menu-item:hover{background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:var(--radius-pill);font-weight:var(--weight-semibold);padding:0 var(--space-3);font-size:var(--text-xs);white-space:nowrap}.status-pill-active{color:var(--ok);border:1px solid #67c99e;background:var(--ok-soft)}.status-pill-draft{color:var(--warn);border:1px solid #e6bd6b;background:var(--warn-soft)}.status-pill-inactive{color:var(--danger);border:1px solid #ec8f8f;background:var(--danger-soft)}.status-pill-flash{animation:status-pill-flash 1s ease-out}@keyframes status-pill-flash{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,currentColor 45%,transparent)}25%{transform:scale(1.08);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 22%,transparent)}to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,currentColor 0%,transparent)}}@media (prefers-reduced-motion: reduce){.status-pill-flash{animation:none}}.empty-row{padding-top:36px!important;padding-bottom:36px!important;text-align:center;color:var(--text-muted)}.table-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.table-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text-muted);margin-bottom:var(--space-1)}.table-empty-title{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-main)}.table-empty-desc{margin:0;font-size:var(--text-sm);color:var(--text-muted);max-width:44ch}.table-empty-action{margin-top:var(--space-2)}.templates-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 18px;border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--surface-soft) 76%,transparent);color:var(--text-muted)}.templates-footer p{margin:0;font-size:1.02rem}.pagination-actions{display:inline-flex;align-items:center;gap:10px}.pagination-current{min-width:40px;min-height:38px;border:1px solid var(--line-soft);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-main);background:var(--surface-base)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-6) var(--space-4);background:var(--bg-page);position:relative}.login-theme-toggle{position:absolute;top:var(--space-4);right:var(--space-4)}.login-card{width:min(100%,420px);background:var(--surface-base);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.login-card-head{display:flex;flex-direction:column;gap:var(--space-2)}.login-brand{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-md);background:var(--brand-soft);color:var(--brand);margin-bottom:var(--space-1)}.login-card-head h1{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-main);letter-spacing:-.01em}.login-card-head p{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.login-form-field span{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-soft)}.login-form-submit{width:100%}.login-form-error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-form-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-form-field span{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-soft)}.auth-form-hint{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.auth-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);height:40px;border:1px solid var(--line-soft);background:var(--surface-base);border-radius:var(--radius-pill);color:var(--text-main);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.user-menu-trigger:hover{border-color:var(--line-strong);background:var(--surface-soft)}.user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase}.user-menu-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.user-menu-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.user-menu-role{font-size:var(--text-xs);color:var(--text-muted)}.user-menu-popover{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:240px;background:var(--surface-base);border:1px solid var(--line-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:50;display:flex;flex-direction:column;gap:var(--space-1)}.user-menu-header{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--line-soft);margin-bottom:var(--space-1)}.user-menu-header .user-menu-name{margin:0}.user-menu-email{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-muted);word-break:break-all}.user-menu-item{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-main);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;text-align:left}.user-menu-item:hover{background:var(--surface-soft)}.user-menu-item-danger{color:var(--danger)}.user-menu-item-danger:hover{background:var(--danger-soft)}.login-form label,.builder-meta-grid label,.question-card label,.inline-two-cols label{display:grid;gap:8px}.login-form label span,.builder-meta-grid label span,.question-card label span,.inline-two-cols label span{color:var(--text-soft);font-size:.95rem;font-weight:600}.builder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.builder-page-width{max-width:1180px;margin-left:auto;margin-right:auto}.builder-header p{margin:8px 0 0;color:var(--text-muted)}.builder-header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.builder-tabs{display:flex;align-items:stretch;gap:var(--space-1);margin:0 0 var(--space-4);padding:0;border:none;border-bottom:1px solid var(--line-soft);background:transparent;box-shadow:none}.builder-tab-button{position:relative;min-height:40px;border:none;border-radius:0;padding:0 var(--space-3);margin-bottom:-1px;background:transparent;color:var(--text-muted);font-weight:var(--weight-semibold);font-size:var(--text-sm);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.builder-tab-button:hover{color:var(--text-main);background:transparent}.builder-tab-button-active{color:var(--brand);border-bottom-color:var(--brand);background:transparent}.builder-tab-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-md)}.editing-note{font-size:.95rem;color:var(--brand);font-weight:600}.notice-banner{margin:0 0 12px;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--surface-base));border-radius:10px;background:var(--brand-soft);color:var(--brand-dark);padding:10px 12px;font-weight:600}.notice-banner.notice-banner-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--surface-base));background:color-mix(in srgb,var(--danger) 12%,var(--surface-base));color:color-mix(in srgb,var(--danger) 80%,var(--text-soft))}.builder-meta-card,.builder-editor-panel{border:1px solid var(--line-soft);border-radius:14px;background:var(--surface-base)}.builder-meta-card{padding:16px;margin-bottom:12px}.builder-meta-card h2,.builder-editor-panel h2{margin:0;font-size:1.2rem}.builder-meta-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.builder-meta-grid .full-width{grid-column:span 2}.inline-input-action{display:flex;gap:8px}.inline-input-action .ghost-button{min-height:42px;min-width:72px}label.checkbox-row{display:inline-flex;align-items:flex-start;gap:10px;min-height:42px;border:1px solid var(--line-soft);border-radius:10px;padding:10px 12px;background:var(--surface-base);font-weight:600;color:var(--text-soft);line-height:1.45;cursor:pointer}label.checkbox-row input{width:16px;height:16px;margin-top:3px;flex:0 0 16px}label.checkbox-row span{min-width:0;word-wrap:break-word}.checkbox-row.compact{min-height:auto;border:none;padding:0}.questions-tab-shell{display:block}.builder-editor-panel{padding:0;max-width:100%;border:none;background:transparent}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.section-head-actions{display:inline-flex;align-items:center;gap:8px}.question-form-summary{border:1px solid var(--line-soft);border-top:none;border-radius:10px;background:var(--surface-base);padding:20px 24px 16px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 2px 6px #1f2b3d0d}.question-form-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:var(--brand);border-radius:10px 10px 0 0}.question-form-summary-title{margin:0;font-size:1.55rem;font-weight:400;color:var(--text-main);letter-spacing:-.01em;line-height:1.35}.question-form-summary-desc{margin:8px 0 12px;color:var(--text-muted);line-height:1.6;font-size:.95rem}.question-card{border:1px solid var(--line-soft);border-radius:10px;padding:0;margin-bottom:12px;background:var(--surface-base);position:relative;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px #1f2b3d0d;overflow:hidden}.question-card:last-child{margin-bottom:0}.question-card-inner{padding:20px 24px 16px;border-left:0}.question-card-active{border-color:color-mix(in srgb,var(--brand) 28%,var(--line-soft));box-shadow:0 4px 16px #366dd41a}.question-card-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--brand)}.question-card-drag-over{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 20%,transparent)}.question-card-top{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:start;margin-bottom:12px}.question-drag-top{display:flex;justify-content:center;padding:4px 0 0}.question-drag-handle{width:40px;min-width:40px;height:18px;border:none;border-radius:0;background:transparent;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;-moz-column-gap:3px;column-gap:3px;row-gap:2px;cursor:grab;padding:0;opacity:0;transition:opacity .2s ease}.question-card:hover .question-drag-handle,.question-card-active .question-drag-handle{opacity:1}.question-drag-handle:hover{background:#0000000a;border-radius:4px}.question-drag-handle:active{cursor:grabbing}.question-drag-handle span{width:3px;height:3px;border-radius:999px;background:#9aa0a6}.question-card-number{margin:0;font-weight:500;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.question-card .question-title-input{width:100%;min-height:44px;padding:8px 0;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;font-size:1.08rem;color:var(--text-main);transition:border-color .2s ease}.question-card .question-title-input:focus{outline:none;border-bottom:2px solid var(--brand);box-shadow:none}.question-card .question-title-input::-moz-placeholder{color:var(--text-muted)}.question-card .question-title-input::placeholder{color:var(--text-muted)}.question-card .question-desc-input{width:100%;min-height:36px;padding:6px 0;border:none;border-bottom:1px solid transparent;border-radius:0;background:transparent;font-size:.88rem;color:var(--text-muted);resize:none;transition:border-color .2s ease}.question-card .question-desc-input:focus{outline:none;border-bottom:2px solid var(--brand);box-shadow:none}.question-card .question-desc-input::-moz-placeholder{color:color-mix(in srgb,var(--text-muted) 62%,var(--surface-base));font-size:.85rem}.question-card .question-desc-input::placeholder{color:color-mix(in srgb,var(--text-muted) 62%,var(--surface-base));font-size:.85rem}.question-type-select{min-height:44px;padding:0 32px 0 12px;border:1px solid var(--line-soft);border-radius:4px;background:var(--surface-base);color:var(--text-main);font-size:.92rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%235f6368' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center}.question-type-select:hover{border-color:var(--line-strong)}.question-type-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.question-card .input-control,.question-card .select-control{min-height:40px;padding:0 12px}.question-card .textarea-control{min-height:70px;padding:8px 12px}.choice-editor{margin-top:16px;border:none;border-radius:0;padding:0;background:transparent}.choice-editor>p{margin:0 0 8px;font-weight:500;font-size:.82rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.choice-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;margin-bottom:4px;padding:4px 0;border-radius:4px;transition:background .15s ease}.choice-row:hover{background:#00000005}.choice-row:last-child{margin-bottom:0}.choice-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-indicator-checkbox{border-radius:3px}.choice-indicator-dropdown{border:none;border-radius:0;width:20px;height:20px;font-weight:600;color:var(--text-muted);font-size:.85rem;display:flex;align-items:center;justify-content:center}.choice-option-input{width:100%;min-height:36px;padding:6px 0;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;background:transparent;font-size:.95rem;color:var(--text-main);transition:border-color .2s ease}.choice-option-input:focus{outline:none;border-bottom:2px solid var(--brand);box-shadow:none}.choice-option-input::-moz-placeholder{color:color-mix(in srgb,var(--text-muted) 62%,var(--surface-base))}.choice-option-input::placeholder{color:color-mix(in srgb,var(--text-muted) 62%,var(--surface-base))}.choice-remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;padding:0;transition:all .15s ease;opacity:0}.choice-row:hover .choice-remove-btn{opacity:1}.choice-remove-btn:hover{background:color-mix(in srgb,var(--text-main) 6%,transparent);color:var(--danger)}.choice-remove-btn:disabled{opacity:0!important;cursor:default}.choice-remove-btn svg{width:18px;height:18px}.choice-add-row{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;margin-top:4px;padding:4px 0}.choice-add-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--line-soft);flex-shrink:0}.choice-add-indicator-checkbox{border-radius:3px}.choice-add-indicator-dropdown{border:none;border-radius:0}.choice-add-button{border:none;background:transparent;color:var(--text-muted);font-size:.95rem;cursor:pointer;padding:6px 0;text-align:left;transition:color .15s ease}.choice-add-button:hover{color:var(--text-main)}.choice-other-toggle{margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft)}.choice-actions{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.inline-two-cols{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.question-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--line-soft);display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:nowrap}.question-footer-divider{width:1px;height:32px;background:var(--line-soft);flex-shrink:0}.question-switch{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.question-footer label.question-switch{display:inline-flex;align-items:center;gap:10px}.question-switch input{position:absolute;opacity:0;pointer-events:none}.question-switch-slider{width:36px;height:14px;border-radius:999px;background:#b0b0b0;position:relative;transition:background .2s ease}.question-switch-slider:after{content:"";position:absolute;top:-3px;left:-1px;width:20px;height:20px;border-radius:999px;background:#fafafa;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease,background .2s ease}.question-switch input:checked+.question-switch-slider{background:color-mix(in srgb,var(--brand) 50%,transparent)}.question-switch input:checked+.question-switch-slider:after{transform:translate(18px);background:var(--brand)}.question-switch-text{font-size:.88rem;color:var(--text-main);font-weight:500}.question-actions{margin-top:0;display:flex;gap:4px;flex-wrap:nowrap;margin-left:0}.question-actions .ghost-button,.question-actions .danger-button{min-height:36px;padding:0 12px;border-radius:10px}.icon-only-button{width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;cursor:pointer;transition:all .18s ease}.icon-neutral-button{color:var(--text-muted);background:transparent}.icon-neutral-button:hover{color:var(--text-main);background:#0000000f}.icon-danger-button{color:var(--text-muted);background:transparent}.icon-danger-button:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.icon-only-button svg{width:18px;height:18px}.question-action-icon{stroke-linecap:round;stroke-linejoin:round}.question-floating-toolbar{position:fixed;top:50%;transform:translateY(-50%);right:max(calc((100vw - 1040px)/2 - 72px),16px);display:flex;flex-direction:column;gap:4px;background:var(--surface-base);border:1px solid var(--line-soft);border-radius:8px;padding:6px;box-shadow:0 2px 8px #00000014;z-index:50}.question-floating-toolbar button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:var(--text-muted);transition:all .15s ease;padding:0}.question-floating-toolbar button:hover{background:var(--surface-soft);color:var(--text-main)}.question-floating-toolbar button svg{width:20px;height:20px}.question-floating-toolbar .toolbar-divider{width:28px;height:1px;background:var(--line-soft);margin:2px auto}.question-placeholder-field{width:100%;min-height:36px;padding:6px 0;border:none;border-bottom:1px dotted var(--line-soft);background:transparent;color:var(--text-muted);font-size:.92rem;cursor:default}.rating-editor-preview{margin-top:12px;display:flex;align-items:center;gap:8px}.rating-editor-preview .rating-number{width:32px;height:32px;border:2px solid var(--line-soft);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--text-muted);font-size:.85rem;transition:all .15s ease}.rating-editor-preview .rating-number:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.google-preview-surface{width:100%;max-width:640px;margin:0 auto;display:grid;gap:12px}.public-live-google-form{margin:0;display:grid;gap:12px}.public-form-submit-row{display:flex;justify-content:flex-end;align-items:center;margin-top:4px}.public-form-submit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#ffffff03}.google-preview-form-card,.google-preview-question-card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface-base);box-shadow:var(--shadow-card)}.google-preview-form-card{overflow:hidden}.google-preview-form-accent{display:none}.google-preview-form-body{padding:var(--space-5);background:color-mix(in srgb,var(--brand-soft) 60%,var(--surface-base));border-bottom:1px solid var(--line-soft)}.google-preview-form-body h3{margin:0;font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-main);letter-spacing:-.01em}.google-preview-form-body p{margin:8px 0 0;color:var(--text-muted);line-height:1.6}.google-preview-question-card{padding:var(--space-5)}.google-preview-question-card.google-preview-question-card-error{border:1px solid var(--danger)!important;background:color-mix(in srgb,var(--danger-soft) 55%,var(--surface-base))!important}.google-preview-question-card-error .google-preview-question-title{color:var(--danger)}.google-preview-question-card .input-control[aria-invalid=true],.google-preview-question-card .textarea-control[aria-invalid=true],.google-preview-question-card .select-control[aria-invalid=true],.google-preview-question-card-error .file-upload-preview .input-control{border-color:var(--danger)!important}.google-preview-question-card-error .preview-options{border-color:var(--danger)}.google-preview-question-title{margin:0;font-weight:var(--weight-semibold);font-size:1.05rem;color:var(--text-main)}.google-preview-question-card small{display:block;margin-top:6px;color:var(--text-muted);font-size:.88rem}.google-preview-question-card .input-control,.google-preview-question-card .textarea-control,.google-preview-question-card .select-control,.google-preview-question-card .preview-options,.google-preview-question-card .preview-rating{margin-top:14px}.required-mark{color:var(--danger);margin-left:4px;font-weight:400}.preview-options{margin-top:10px;display:grid;gap:8px}.preview-options label{display:inline-flex;align-items:center;gap:10px;color:var(--text-main);font-size:.95rem;padding:4px 0}.preview-options label input[type=radio],.preview-options label input[type=checkbox]{accent-color:var(--brand)}.preview-rating{margin-top:12px;display:flex;gap:8px}.preview-rating span{width:32px;height:32px;border:2px solid var(--line-soft);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:500;color:var(--text-muted);background:transparent;transition:all .15s ease}.preview-rating span:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent)}.file-upload-preview{margin-top:12px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.file-upload-preview small{color:var(--text-muted)}:root[data-theme=dark] .question-type-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' fill='none' stroke='%239db2d1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark] .question-drag-handle:hover{background:#ffffff14}:root[data-theme=dark] .choice-row:hover{background:#ffffff0a}:root[data-theme=dark] .choice-remove-btn:hover,:root[data-theme=dark] .icon-neutral-button:hover{background:#ffffff14}:root[data-theme=dark] .question-switch-slider{background:#60728e}:root[data-theme=dark] .question-switch-slider:after{background:#d8e6ff}@media (max-width: 720px){.login-shell{padding:var(--space-5) var(--space-3)}.login-theme-toggle{top:var(--space-3);right:var(--space-3)}.login-card{padding:var(--space-5) var(--space-4)}}@media (max-width: 860px){.admin-body,.admin-body-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.admin-stage{min-height:100vh}.admin-topbar{min-height:auto;padding:14px 16px 12px;flex-direction:row;align-items:center;gap:12px}.admin-topbar-left{flex:1;min-width:0;width:auto;gap:10px}.admin-topbar-actions{width:auto;justify-content:flex-end;gap:8px}.admin-sidebar{display:none}.admin-mobile-menu-button{display:inline-flex}.admin-mobile-drawer-root{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}.admin-mobile-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;opacity:0;transition:opacity .22s ease;pointer-events:none}.admin-mobile-drawer{position:absolute;top:0;bottom:0;left:0;width:min(82vw,320px);background:var(--panel-bg, var(--surface-base));border-right:1px solid var(--line-soft);box-shadow:24px 0 60px -20px #0f172a73;transform:translate(-100%);transition:transform .24s ease;display:flex;flex-direction:column;overflow:hidden}.admin-mobile-drawer-open{pointer-events:auto}.admin-mobile-drawer-open .admin-mobile-drawer-backdrop{opacity:1;pointer-events:auto}.admin-mobile-drawer-open .admin-mobile-drawer{transform:translate(0)}.admin-mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--line-soft)}.admin-mobile-drawer-nav{flex:1;overflow-y:auto;padding:16px 14px 24px;display:grid;gap:18px}.user-menu-text{display:none}.user-menu-trigger{padding:4px;gap:0}.admin-breadcrumb{font-size:.9rem}.admin-content{padding:20px 16px 28px}.admin-breadcrumb{flex-wrap:wrap}.templates-head,.builder-header{flex-direction:column;align-items:flex-start}.templates-head{padding:20px 18px}.submissions-file-name{text-align:left}.page-stats{width:100%}.page-stat{flex:1 1 160px;min-width:0}.templates-search-row{flex-direction:column;align-items:stretch}.templates-search-meta{white-space:normal}.templates-table-wrap{padding-left:6px;padding-right:6px}.table-status-control{max-width:none}.table-actions,.table-actions-nowrap{flex-wrap:wrap}.table-action-menu-popover{right:auto;left:0}.dashboard-grid{grid-template-columns:1fr}.dashboard-preview-overlay{padding:10px;align-items:flex-end}.dashboard-preview-dialog{width:100%;max-height:min(86vh,760px);border-radius:16px 16px 0 0}.dashboard-preview-body{padding:12px}.builder-tabs{width:100%;overflow-x:auto}.builder-tab-button{flex:1;white-space:nowrap}.builder-header-actions{justify-content:flex-start}.builder-meta-grid,.inline-two-cols,.question-card-top{grid-template-columns:1fr}.builder-meta-grid .full-width{grid-column:span 1}.question-floating-toolbar{position:static;transform:none;flex-direction:row;width:100%;margin-bottom:12px}.templates-footer{flex-direction:column;align-items:flex-start}.submissions-filters,.import-panel-controls,.submissions-modal-form-row,.submissions-export-datetime-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.section-head-actions{width:100%}.section-head-actions .ghost-button{flex:1}.question-footer{flex-wrap:wrap;align-items:flex-start}.question-actions{flex-wrap:wrap;margin-left:0}}.ui-field{display:flex;flex-direction:column;gap:6px}.ui-field-label{font-size:13px;font-weight:600;color:var(--text-main)}.ui-field-msg{margin:0;font-size:12px;color:var(--text-soft, var(--text-main))}.ui-field-msg-error{color:var(--danger)}.input-control-error,.textarea-control-error,.select-control-error{border-color:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 18%,transparent)}.ui-card{background:var(--surface-base);border:1px solid var(--line-soft);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.ui-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.ui-card-title{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.ui-card-actions{display:flex;gap:8px}.ui-card-body{display:flex;flex-direction:column;gap:12px}.ui-card-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line-soft);padding-top:12px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:ui-fade-in .16s ease-out}.ui-modal{background:var(--surface-base);border-radius:16px;box-shadow:0 30px 80px #0f172a40;width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;animation:ui-modal-in .18s ease-out}.ui-modal-sm{max-width:420px}.ui-modal-md{max-width:640px}.ui-modal-lg{max-width:880px}.ui-modal-xl{max-width:1080px}.ui-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line-soft)}.ui-modal-head-text{display:flex;flex-direction:column;gap:4px}.ui-modal-title{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.ui-modal-description{margin:0;font-size:13px;color:var(--text-soft, var(--text-main))}.ui-modal-close{border:none;background:transparent;color:var(--text-soft, var(--text-main));cursor:pointer;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.ui-modal-close:hover{background:var(--surface-soft);color:var(--text-main)}.ui-modal-body{padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.ui-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--line-soft);background:var(--surface-soft)}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:32px 16px;color:var(--text-soft, var(--text-main))}.ui-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--surface-soft);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center}.ui-empty-title{margin:0;font-size:16px;font-weight:700;color:var(--text-main)}.ui-empty-description{margin:0;font-size:13px;max-width:40ch}.ui-empty-action{margin-top:4px}.ui-skeleton{display:inline-block;background:linear-gradient(90deg,color-mix(in srgb,var(--line-soft) 55%,var(--surface-base)),color-mix(in srgb,var(--line-soft) 30%,var(--surface-base)),color-mix(in srgb,var(--line-soft) 55%,var(--surface-base)));background-size:200% 100%;animation:ui-skeleton-shimmer 1.4s ease-in-out infinite}.ui-spinner{display:inline-block;border:2px solid color-mix(in srgb,var(--brand) 30%,transparent);border-top-color:var(--brand);border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ui-spin{to{transform:rotate(360deg)}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5);padding:var(--space-2) 0 var(--space-4)}.page-head-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1 1 auto}.page-head h1{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-main);letter-spacing:-.01em}.page-head-meta{margin:0;font-size:var(--text-sm);color:var(--text-muted)}.page-head-description{margin:0;font-size:var(--text-sm);color:var(--text-soft);max-width:70ch}.page-head-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 720px){.page-head{flex-direction:column;align-items:stretch}.page-head-actions{justify-content:flex-start}}.question-desc-static{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.question-card-usage{margin-top:var(--space-3)}.question-card-unique{margin-top:var(--space-5)}.question-placeholder-edit{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.question-placeholder-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--weight-medium)}.question-title-input-sm{font-size:var(--text-sm)!important}.question-placeholder-field-multiline{border-bottom-style:dotted!important}.dashboard-project-list{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-project-card{background:var(--surface-base);border:1px solid var(--line-soft);border-radius:var(--radius-lg);overflow:hidden}.dashboard-project-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line-soft)}.dashboard-project-title{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;color:var(--text-muted)}.dashboard-project-title h2{margin:0 0 2px;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-main);letter-spacing:-.005em}.dashboard-project-title p{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.dashboard-project-controls{display:inline-flex;align-items:center;gap:var(--space-3);flex-shrink:0}.dashboard-form-empty{margin:0;padding:var(--space-5);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.dashboard-form-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.dashboard-form-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line-soft)}.dashboard-form-row:first-child{border-top:none}.dashboard-form-info{min-width:0;flex:1}.dashboard-form-name{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-main)}.dashboard-form-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:0;font-size:var(--text-xs);color:var(--text-muted)}.dashboard-form-meta .status-pill{min-width:auto;min-height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.dashboard-form-type{color:var(--text-soft)}.dashboard-form-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted)}.dashboard-form-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media (max-width: 720px){.dashboard-project-head,.dashboard-form-row{flex-direction:column;align-items:stretch}.dashboard-project-controls,.dashboard-form-actions{justify-content:flex-end;flex-wrap:wrap}}.scanner-form{display:flex;gap:var(--space-2);width:100%;flex-wrap:wrap}.scanner-input{flex:1 1 240px;min-width:0;font-size:1rem}.scanner-submit{flex:0 0 auto}.scanner-camera-row{display:flex;margin-bottom:var(--space-2)}.scanner-camera-toggle{width:100%;justify-content:center}.qr-reader{width:100%;max-width:360px;margin:var(--space-2) auto var(--space-3);border-radius:var(--radius-md);overflow:hidden}.qr-reader video{width:100%!important;height:auto!important;display:block;border-radius:var(--radius-md)}.scanner-camera-error{margin:0 0 var(--space-2);color:var(--danger);font-size:var(--text-sm);text-align:center}.scanner-or{margin:var(--space-2) 0;text-align:center;color:var(--text-muted);font-size:var(--text-xs)}.scanner-result{margin-top:var(--space-4);padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.scanner-result-status{margin:0;font-size:1.3rem;font-weight:800}.scanner-result-message{margin:0;color:var(--text-muted)}.scanner-result-meta{margin:4px 0 0;font-size:var(--text-xs);color:var(--text-muted);font-family:Courier New,monospace;word-break:break-all}.scanner-result-success{border-color:#16a34a;background:color-mix(in srgb,#16a34a 12%,var(--surface-base))}.scanner-result-success .scanner-result-status,.scanner-result-success .scanner-result-icon{color:#16a34a}.scanner-result-warning{border-color:#d97706;background:color-mix(in srgb,#d97706 12%,var(--surface-base))}.scanner-result-warning .scanner-result-status,.scanner-result-warning .scanner-result-icon{color:#d97706}.scanner-result-danger{border-color:var(--danger);background:var(--danger-soft)}.scanner-result-danger .scanner-result-status,.scanner-result-danger .scanner-result-icon{color:var(--danger)}@media (max-width: 560px){.scanner-submit{flex:1 1 100%;justify-content:center}}
