:root{--ink:#12172b;--ink-2:#1b2242;--ink-3:#2a325c;--amber:#f5a524;--amber-dark:#d6890a;--amber-bg:#fdf1dc;--teal:#0e9488;--teal-bg:#e2f6f3;--rose:#d64545;--rose-bg:#fbe6e6;--blue:#3b6bd6;--blue-bg:#e8eefc;--paper:#f3f4f7;--surface:#fff;--line:#e3e5ec;--line-strong:#cdd0dc;--text:#14172a;--text-muted:#666c85;--text-faint:#9297ab;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 2px #12172b0a, 0 1px 1px #12172b08;--shadow-float:0 16px 40px #12172b2e;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}p{color:var(--text-muted);margin:0}a{color:inherit}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body)}:focus-visible{outline:2px solid var(--amber-dark);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;line-height:1;transition:transform 80ms,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:13px}.btn-primary{background:var(--amber);color:#241503}.btn-primary:hover:not(:disabled){background:var(--amber-dark)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--line-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--ink-3)}.btn-success{background:var(--teal);color:#fff}.btn-success:hover:not(:disabled){background:#0b7a70}.btn-danger{color:var(--rose);border-color:var(--rose-bg);background:0 0}.btn-danger:hover:not(:disabled){background:var(--rose-bg)}.btn-ghost{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border-color:#0000;padding:8px}.btn-ghost:hover:not(:disabled){background:var(--paper);color:var(--text)}.btn-ghost.is-danger:hover:not(:disabled){background:var(--rose-bg);color:var(--rose)}.btn-block{justify-content:center;width:100%}.shell{min-height:100vh;display:flex}.shell-sidebar{background:var(--ink);color:#f1f2fb;flex-direction:column;flex-shrink:0;width:232px;padding:20px 14px;transition:width .18s;display:flex}.shell-sidebar.is-collapsed{width:72px;padding:20px 12px}.shell-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:18px;padding:0 6px 22px;display:flex}.shell-brand-mark{background:radial-gradient(circle at 30% 30%, var(--amber), var(--amber-dark));border-radius:8px;flex-shrink:0;width:30px;height:30px}.shell-brand-name{font-family:var(--font-display);color:#fff;font-size:17px;font-weight:700;display:block}.shell-brand-sub{color:#9aa0c2;margin-top:1px;font-size:11px;display:block}.shell-nav{flex-direction:column;flex:1;gap:3px;display:flex}.shell-nav-link{border-radius:var(--radius-sm);color:#b7bbd6;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.shell-nav-link svg{flex-shrink:0;font-size:16px}.shell-nav-link:hover{background:var(--ink-2);color:#fff}.shell-nav-link.is-active{background:var(--ink-2);color:var(--amber)}.shell-user{border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:10px;padding-top:16px;display:flex}.shell-avatar{background:var(--ink-3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.shell-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.shell-user-name{color:#f1f2fb;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.shell-user-role{color:#9aa0c2;font-size:11px}.shell-logout{color:#9aa0c2;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px}.shell-logout:hover{color:var(--rose);background:var(--ink-2)}.shell-body{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:14px;height:56px;padding:0 24px;display:flex}.shell-toggle{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:6px;font-size:15px}.shell-toggle:hover{background:var(--paper)}.shell-topbar-title{color:var(--text-faint);font-size:13px;font-weight:500}.shell-content{flex:1;width:100%;max-width:1180px;padding:28px 32px 60px}.shell-backdrop{display:none}@media (width<=860px){.shell-sidebar{z-index:50;height:100vh;padding:20px 16px;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);width:240px!important}.shell-sidebar:not(.is-collapsed){box-shadow:var(--shadow-float);transform:translate(0)}.shell-backdrop.is-visible{z-index:45;background:#12172b80;display:block;position:fixed;inset:0}.shell-content{padding:18px 16px 48px}.shell-topbar{padding:0 16px}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-head h1{font-size:24px}.page-head p{margin-top:4px;font-size:14px}.page-head-actions{flex-wrap:wrap;gap:10px;display:flex}.back-link{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:6px;padding:0 0 14px;font-size:13px;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);min-width:240px;color:var(--text-faint);align-items:center;gap:8px;padding:8px 14px;display:flex}.toolbar-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.toolbar-actions{flex-wrap:wrap;gap:8px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-pad{padding:22px}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-header h2{align-items:center;gap:8px;font-size:16px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-stub{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 20px 18px 26px;display:flex;position:relative;overflow:hidden}.stat-stub:before{content:"";border-left:2px dashed var(--line-strong);width:0;position:absolute;top:0;bottom:0;left:14px}.stat-stub:after{content:"";background:var(--paper);width:12px;height:12px;box-shadow:0 calc(100% + 6px) 0 var(--paper);border-radius:50%;position:absolute;top:-6px;left:8px}.stat-stub-value{font-family:var(--font-display);font-size:28px;font-weight:700}.stat-stub-label{color:var(--text-muted);font-size:13px}.field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.field label{color:var(--text);letter-spacing:.01em;font-size:13px;font-weight:600}.required-mark{color:var(--rose)}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=date],.field input[type=password],.field select,.field textarea{border:1.5px solid var(--line-strong);border-radius:var(--radius);color:var(--text);background:var(--surface);width:100%;height:44px;padding:11px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:0 1px 2px #12172b08}.field textarea{resize:vertical;height:auto;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink-3)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber-dark);box-shadow:0 0 0 3px var(--amber-bg);background:var(--surface);outline:none}.field-hint{color:var(--text-faint);font-size:12px}.radio-row,.checkbox-row{flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;display:flex}.radio-row label,.checkbox-row label{align-items:center;gap:6px;font-size:14px;font-weight:400;display:flex}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead tr{background:var(--paper)}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px;font-weight:600}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:none}.row-clickable{cursor:pointer}.row-clickable:hover{background:var(--paper)}.cell-id{font-family:var(--font-display);color:var(--ink-2);font-weight:600}.cell-actions{white-space:nowrap;gap:4px;display:flex}.row-expanded td{background:var(--paper)}.expanded-fields{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 20px;padding:4px 4px 12px;display:grid}.expanded-fields div{font-size:13px}.expanded-fields strong{color:var(--text-muted);margin-bottom:2px;font-size:11.5px;font-weight:600;display:block}.pill{border-radius:var(--radius-pill);align-items:center;padding:3px 11px;font-size:12px;font-weight:600;display:inline-flex}.pill-success{background:var(--teal-bg);color:#0b7a70}.pill-warning{background:var(--amber-bg);color:var(--amber-dark)}.pill-neutral{background:var(--paper);color:var(--text-muted)}.pill-danger{background:var(--rose-bg);color:var(--rose)}.pill-info{background:var(--blue-bg);color:var(--blue)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag{background:var(--amber-bg);color:var(--amber-dark);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:5px 8px 5px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tag button{color:inherit;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.tag-input-row{gap:8px;display:flex}.tag-input-row input{flex:1}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:10px 0 4px;display:grid}.checkbox-tile{border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:9px 12px;font-size:13.5px;display:flex}.checkbox-tile:has(input:checked){border-color:var(--amber-dark);background:var(--amber-bg)}.builder-row{grid-template-columns:1fr 140px auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.builder-row-options{grid-column:1/-1}.builder-required{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:12.5px;display:flex}@media (width<=640px){.builder-row{grid-template-columns:1fr}}.dialog-overlay{z-index:100;background:#12172b80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);outline:none;width:100%;max-width:480px;max-height:90vh;padding:24px 26px;overflow-y:auto}.dialog-wide{max-width:720px}.dialog-xl{max-width:880px}.dialog-title{margin-bottom:16px;font-size:18px}.onspot-form-scroll{max-height:56vh;margin-right:-6px;padding-right:6px;overflow-y:auto}.auth-page{background:var(--ink);background-image:radial-gradient(circle at 15% 15%, var(--ink-3), transparent 45%), radial-gradient(circle at 85% 85%, var(--ink-2), transparent 45%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:calc(100vh - 80px);box-shadow:var(--shadow-float);padding:34px 32px;overflow-y:auto}@media (width<=480px){.auth-page{align-items:flex-start;padding:20px 14px}.auth-card{max-height:none;padding:26px 20px}}.auth-brand{align-items:center;gap:10px;margin-bottom:26px;display:flex}.auth-brand-mark{background:radial-gradient(circle at 30% 30%, var(--amber), var(--amber-dark));border-radius:8px;width:32px;height:32px}.auth-brand-text strong{font-family:var(--font-display);font-size:16px;display:block}.auth-brand-text span{color:var(--text-faint);font-size:11.5px}.auth-card h2{margin-bottom:4px;font-size:21px}.auth-card>p{margin-bottom:22px;font-size:13.5px}.auth-switch{text-align:center;margin-top:18px;font-size:13.5px}.auth-switch a{color:var(--amber-dark);font-weight:600;text-decoration:none}.public-page{background:var(--paper);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 20px;display:flex}.public-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;max-width:540px;padding:34px 32px 30px}.public-card h1{margin-bottom:6px;font-size:22px}.public-description{margin-bottom:22px;font-size:14px}.public-footer{text-align:center;color:var(--text-faint);margin-top:18px;font-size:12px}.public-result{text-align:center;padding:20px 0 6px}.public-result-icon{margin-bottom:14px;font-size:40px}.public-result-icon.is-success{color:var(--teal)}.public-result-icon.is-error{color:var(--rose)}.public-result-id{font-family:var(--font-display);background:var(--amber-bg);color:var(--amber-dark);border-radius:var(--radius-pill);margin:10px 0 16px;padding:6px 16px;font-weight:700;display:inline-block}.public-submit-error{background:var(--rose-bg);color:var(--rose);border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13.5px}.option-tabs{gap:8px;margin-bottom:18px;display:flex}@media (width<=480px){.option-tabs{flex-direction:column}}.option-tab{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--surface);text-align:left;flex-direction:column;flex:1;align-items:flex-start;gap:3px;padding:12px 14px;display:flex}.option-tab strong{font-size:13.5px}.option-tab span{color:var(--text-muted);font-size:12px}.option-tab.is-active{border-color:var(--amber-dark);background:var(--amber-bg)}.option-tab.is-active span{color:var(--amber-dark)}.link-share{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:10px 0 4px;display:flex}.link-share-qr{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px}.link-share-qr img{width:180px;height:180px;display:block}.link-share-url{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:8px;width:100%;padding:8px 8px 8px 16px;display:flex}.link-share-url input{color:var(--text-muted);background:0 0;border:none;outline:none;flex:1;font-size:13px}.link-share-hint{color:var(--text-muted);max-width:360px;font-size:12.5px}.scan-grid{grid-template-columns:1.3fr 1fr;align-items:start;gap:18px;display:grid}@media (width<=900px){.scan-grid{grid-template-columns:1fr}}.scan-camera{background:var(--ink);border-radius:var(--radius-lg);aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}#qr-reader{width:100%;height:100%;position:absolute;inset:0}#qr-reader video,#qr-reader canvas{object-fit:cover!important;border-radius:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#qr-reader__scan_region{position:absolute!important;inset:0!important}#qr-reader__dashboard{display:none!important}@media (width<=900px){.scan-camera{aspect-ratio:4/3}}.scan-placeholder{color:#9aa0c2;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:30px;font-size:14px;display:flex}.scan-placeholder svg{color:var(--amber);font-size:34px}.scan-flash{background:var(--rose);color:#fff;border-radius:var(--radius-sm);text-align:center;padding:10px 14px;font-size:13px;position:absolute;bottom:16px;left:16px;right:16px}.scan-status{color:#fff;border-radius:var(--radius-pill);text-align:center;background:#12172bd9;padding:9px 14px;font-size:13px;position:absolute;top:16px;left:16px;right:16px}.badge-preview-frame{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.badge-iframe{background:#fff;border:none;width:100%;display:block}.badge-preview-frame .badge-iframe{border-radius:0;height:68vh;min-height:380px}.scan-history-list{max-height:480px;margin:0;padding:0;list-style:none;overflow-y:auto}.scan-history-entry{border-bottom:1px solid var(--line)}.scan-history-entry:last-child{border-bottom:none}.scan-history-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 18px;font-size:13px;display:flex}.scan-history-item:hover{background:var(--paper)}.scan-history-entry.error .scan-history-id{color:var(--rose)}.scan-history-id{font-weight:600}.scan-history-ms{color:var(--text-faint);margin-left:8px;font-size:11.5px}.scan-history-time{color:var(--text-faint);font-size:12px}.scan-history-detail{background:var(--paper);padding:0 18px 14px}.scan-history-error{color:var(--rose);margin:8px 0 0;font-size:13px}.spinner-wrap{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:30px;font-size:13px;display:flex}.spinner-wrap-full{justify-content:center;min-height:60vh}.spinner{border:3px solid var(--line);border-top-color:var(--amber-dark);border-radius:50%;width:26px;height:26px;animation:.7s linear infinite spin}.spinner-lg{border-width:4px;border-color:#ffffff40;border-top-color:var(--amber);width:38px;height:38px}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{border:2px solid #0003;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.6s linear infinite spin;display:inline-block}.btn-primary .btn-spinner,.btn-success .btn-spinner{border-color:currentColor #ffffff59 #ffffff59}.blocking-overlay{z-index:200;background:#12172b8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.blocking-overlay-card{background:var(--ink);color:#fff;border-radius:var(--radius-lg);text-align:center;max-width:320px;box-shadow:var(--shadow-float);flex-direction:column;align-items:center;gap:14px;padding:30px 36px;display:flex}.blocking-overlay-label{color:#fff;font-size:15px;font-weight:600}.blocking-overlay-hint{color:#b7bbd6;font-size:12.5px}.toast-stack{z-index:300;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:18px;right:18px}.toast{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--text-faint);border-radius:var(--radius);box-shadow:var(--shadow-float);color:var(--text);align-items:flex-start;gap:10px;padding:12px 12px 12px 14px;font-size:13.5px;animation:.18s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;margin-top:1px;font-size:15px}.toast-message{flex:1;line-height:1.4}.toast-close{color:var(--text-faint);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:12px}.toast-close:hover{color:var(--text)}.toast-success{border-left-color:var(--teal)}.toast-success .toast-icon{color:var(--teal)}.toast-error{border-left-color:var(--rose)}.toast-error .toast-icon{color:var(--rose)}.toast-warning{border-left-color:var(--amber-dark)}.toast-warning .toast-icon{color:var(--amber-dark)}.toast-info{border-left-color:var(--blue)}.toast-info .toast-icon{color:var(--blue)}@media (width<=480px){.toast-stack{max-width:none;top:12px;left:12px;right:12px}}.empty-state{text-align:center;color:var(--text-muted);padding:46px 24px}.empty-state-title{color:var(--text);margin-bottom:4px;font-size:14.5px;font-weight:600}.empty-state-hint{font-size:13px}.import-summary{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.import-failed-row{border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}.import-hint{margin-bottom:12px;font-size:13px}.section-title{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:700}