:root,[data-theme=dark]{--bg-page: #0a1214;--bg-card: #101a1d;--bg-elevated: #162226;--bg-surface: #122025;--bg-input: #0d1719;--bg-secondary: #0f1a1d;--bg-pasteboard: #0e181b;--border-color: #2a3b40;--border-hover: #3d555c;--text-primary: #eef4f5;--text-secondary: #9db0b6;--text-muted: #6d8188;--brand-primary: #1f9e8a;--brand-primary-hover: #178f7c;--brand-accent: #c4a35a;--brand-gradient: linear-gradient(135deg, #1f9e8a 0%, #157a6e 55%, #0f5f58 100%);--brand-soft: rgba(31, 158, 138, .14);--success-color: #2fbf8b;--warning-color: #d4a017;--danger-color: #e35d5d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .45);--checker-pattern: repeating-conic-gradient(#243438 0% 25%, #162226 0% 50%) 50% / 16px 16px;--font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-family: "DM Sans", "Avenir Next", "Segoe UI", sans-serif;--code-font: "JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--studio-rail-width: 64px;--studio-panel-width: 280px;--navbar-height: 56px;--content-max: 1280px;--touch-min: 44px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}[data-theme=light]{--bg-page: #f3f6f5;--bg-card: #ffffff;--bg-elevated: #eef3f2;--bg-surface: #f7faf9;--bg-input: #ffffff;--bg-secondary: #e8efed;--bg-pasteboard: #e4ecea;--border-color: #c9d6d3;--border-hover: #9eb3ae;--text-primary: #132023;--text-secondary: #3d5257;--text-muted: #6a7f85;--brand-primary: #147a6b;--brand-primary-hover: #0f6257;--brand-accent: #a8863a;--brand-gradient: linear-gradient(135deg, #147a6b, #0f5f58);--brand-soft: rgba(20, 122, 107, .1);--success-color: #0f8f68;--warning-color: #b8860b;--danger-color: #c94444;--shadow-sm: 0 1px 2px rgba(19, 32, 35, .06);--shadow-md: 0 8px 24px rgba(19, 32, 35, .08);--shadow-lg: 0 18px 40px rgba(19, 32, 35, .12);--checker-pattern: repeating-conic-gradient(#d7e2df 0% 25%, #eef3f2 0% 50%) 50% / 16px 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}.app-layout-auth{height:100vh;height:100dvh;min-height:0;overflow:hidden}.app-layout-auth .app-main-container{margin-left:0!important;width:100%;height:100%;min-height:0;overflow:hidden}.app-layout-auth .app-workspace,.app-layout-auth .workspace-auth-fullbleed{max-height:none;height:100%;min-height:0;padding:0!important;overflow:hidden}.app-layout-auth .auth-gate-wrapper{height:100%;padding:0!important;margin:0;overflow:hidden}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-navbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.5rem;min-height:var(--navbar-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.nav-menu-toggle{display:none;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;flex-shrink:0}.nav-menu-toggle:hover{background-color:var(--border-color)}.sidebar-backdrop{display:none}.navbar-brand{display:flex;align-items:center;gap:.75rem}.brand-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--brand-gradient);border-radius:8px;color:#fff}.brand-title-row{display:flex;align-items:center;gap:.4rem}.brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.brand-badge{background:var(--brand-gradient);color:#fff;font-size:.6rem;font-weight:800;padding:.1rem .4rem;border-radius:4px;letter-spacing:.05em}.brand-subtitle{display:block;font-size:.72rem;color:var(--text-muted)}.navbar-center-actions{display:flex;align-items:center;gap:.4rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px}.nav-shortcut-btn{display:flex;align-items:center;gap:.35rem;background:none;border:none;padding:.35rem .75rem;border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.nav-shortcut-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.nav-shortcut-btn.active{background-color:var(--brand-primary);color:#fff;box-shadow:var(--shadow-sm)}.navbar-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0;min-width:0}.user-email{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credits-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 40%,transparent);border-radius:9999px;padding:.25rem .65rem;color:var(--brand-primary);font-size:.8rem;font-weight:700;cursor:pointer;min-height:var(--touch-min)}.credits-pill-label{font-size:.7rem;opacity:.85}.role-chip{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;margin-left:.25rem}.role-chip.org{background:var(--brand-soft);color:var(--brand-primary);border:1px solid var(--brand-primary)}.role-chip.user{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color);border:1px solid var(--success-color)}.admin-chip-btn{font-size:.68rem;font-weight:800;padding:.12rem .45rem;border-radius:4px;background:var(--brand-primary);color:#fff;border:1px solid var(--brand-primary-hover);cursor:pointer;margin-left:.25rem}.server-status-pill{display:flex;align-items:center;gap:.4rem;padding:.3rem .65rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:9999px;font-size:.75rem;color:var(--success-color);font-weight:600}.session-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color);background-color:var(--bg-elevated);cursor:pointer}.session-chip.authenticated{color:var(--success-color);border-color:#10b9814d}.session-chip.unauthenticated{color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background-color:var(--success-color);box-shadow:0 0 6px var(--success-color)}.status-dot.offline{background-color:var(--text-muted)}.user-profile-badge{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem}.nav-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:6px;padding:.4rem;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--text-primary);cursor:pointer;background-color:var(--bg-elevated)}.nav-icon-btn:hover{background-color:var(--border-color)}.app-main-container{display:flex;flex:1;overflow:hidden;overflow-x:clip;position:relative;min-height:0}.app-sidebar{width:250px;min-width:250px;background-color:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:.85rem .5rem;transition:width .2s cubic-bezier(.4,0,.2,1),min-width .2s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.app-sidebar.collapsed{width:60px;min-width:60px;padding:.85rem .35rem}.sidebar-top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 .4rem .6rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.app-sidebar.collapsed .sidebar-top-bar{justify-content:center;padding:0 0 .5rem}.sidebar-section-title{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.sidebar-collapse-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-color);border-radius:5px;width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background-color:var(--bg-elevated);transition:all .15s ease}.sidebar-collapse-toggle:hover{background-color:var(--border-color);color:var(--text-primary)}.sidebar-section-group{margin-bottom:.75rem}.sidebar-group-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.35rem .65rem .2rem}.sidebar-nav-list{display:flex;flex-direction:column;gap:.15rem;overflow-y:auto;flex:1}.sidebar-nav-btn{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border:1px solid transparent;border-radius:8px;background:none;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.app-sidebar.collapsed .sidebar-nav-btn{justify-content:center;padding:.6rem 0;gap:0}.sidebar-nav-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.sidebar-nav-btn.active{background-color:var(--bg-elevated);border-color:color-mix(in srgb,var(--brand-primary) 40%,transparent);color:var(--brand-primary);font-weight:600;box-shadow:0 0 10px var(--brand-soft)}.nav-btn-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn-title{display:flex;align-items:center;gap:.4rem;font-size:.85rem;white-space:nowrap}.nav-badge{background:var(--brand-gradient);color:#fff;font-size:.62rem;padding:.08rem .35rem;border-radius:4px;font-weight:700}.nav-btn-desc{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.sidebar-footer{padding:.65rem .4rem .2rem;border-top:1px solid var(--border-color)}.app-sidebar.collapsed .sidebar-footer{display:flex;justify-content:center}.api-version-chip{display:flex;align-items:center;gap:.5rem}.footer-status-text{display:flex;flex-direction:column}.footer-status-title{font-size:.75rem;font-weight:600;color:var(--text-primary)}.footer-status-sub{font-size:.68rem;color:var(--text-muted)}.collapsed-footer-indicator{padding:.2rem}.api-version-chip .dot,.collapsed-footer-indicator .dot{width:7px;height:7px;border-radius:50%;background-color:var(--success-color);box-shadow:0 0 6px var(--success-color);flex-shrink:0}.app-workspace{flex:1;padding:1.5rem;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - var(--navbar-height));max-height:calc(100dvh - var(--navbar-height));min-width:0}.app-workspace.workspace-contained>.view-container,.app-workspace.workspace-contained>.auth-gate-wrapper,.app-workspace.workspace-contained>.admin-panel-root{width:100%;max-width:var(--content-max);margin-inline:auto}.app-workspace.workspace-fullbleed{padding:0;max-width:none}.view-container{display:flex;flex-direction:column;gap:1.25rem}.view-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.view-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.view-description{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.view-actions-row{display:flex;gap:.5rem;align-items:center}.tab-pill-group{display:inline-flex;flex-wrap:wrap;background-color:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px;gap:.25rem;max-width:100%}.tab-pill{padding:.45rem .9rem;min-height:var(--touch-min);border-radius:6px;background:none;border:1px solid transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-pill:hover{color:var(--text-primary);background-color:var(--bg-surface);border-color:var(--border-color)}.tab-pill.active{background-color:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-stack-sm,.ops-split{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:900px){.ops-split.ops-split--detail{grid-template-columns:1fr min(400px,38%)}.ops-split.ops-split--dashboard{grid-template-columns:1fr min(320px,32%)}.grid-stack-sm{grid-template-columns:1fr 1fr}.grid-stack-sm.cols-3{grid-template-columns:repeat(3,1fr)}.grid-stack-sm.cols-140{grid-template-columns:140px 1fr}.grid-stack-sm.cols-14{grid-template-columns:1.4fr 1fr}.grid-stack-sm.cols-12{grid-template-columns:1.2fr 1fr}}.bulk-steps-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--border-color)}@media(max-width:900px){.grid-two-col{grid-template-columns:1fr}}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.card-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background-color:#ffffff05}.card-header h3{font-size:1rem;font-weight:600;flex:1}.card-body{padding:1.25rem;flex:1}.card-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border-color);background-color:#ffffff03;display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.form-group{margin-bottom:1rem;display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);padding:.55rem .75rem;border-radius:6px;font-size:.9rem;font-family:inherit;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-soft)}.form-row{display:flex;gap:.75rem}.form-row .form-group{flex:1}.hint-text{font-size:.78rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;text-decoration:none}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--bg-elevated);border-color:var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-danger{background-color:#ef444426;border-color:#ef44444d;color:var(--danger-color)}.btn-danger:hover:not(:disabled){background-color:var(--danger-color);color:#fff}.btn-link{background:none;border:none;color:var(--brand-primary);padding:0;font-size:.82rem}.btn-sm{padding:.35rem .65rem;font-size:.75rem}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-card-container{display:flex;justify-content:center;padding:2rem 0}.auth-card{width:100%;max-width:440px}.signature-pad-wrapper{display:flex;flex-direction:column;gap:.5rem}.signature-pad-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.signature-pad-controls{display:flex;align-items:center;gap:.4rem}.color-palette{display:flex;gap:.25rem}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--brand-primary)}.size-selector{display:flex;gap:.2rem}.size-btn{padding:.15rem .35rem;font-size:.7rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary)}.size-btn.active{background-color:var(--brand-primary);color:#fff}.pad-btn{padding:.25rem .5rem;font-size:.75rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.canvas-container{position:relative;background-color:#fff;border:1px dashed var(--border-color);border-radius:8px;overflow:hidden;display:flex;justify-content:center}.signature-canvas{touch-action:none;display:block}.canvas-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:.9rem;pointer-events:none}.signature-pad-footer{display:flex;justify-content:flex-end}.signature-preview-box{margin-top:1rem;padding:.75rem;background-color:var(--bg-elevated);border-radius:8px}.signature-preview-box .preview-img{max-height:80px;margin-top:.5rem;background-color:#fff;border-radius:4px;padding:4px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;max-height:min(92vh,900px);display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.1rem;font-weight:600}.modal-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer}.modal-body{padding:1.25rem;overflow-y:auto;flex:1;min-height:0}.token-box{background-color:var(--bg-input);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;max-height:180px;overflow-y:auto;word-break:break-all;font-family:var(--code-font);font-size:.78rem;color:var(--brand-primary);margin-top:.5rem}.toast-container{position:fixed;bottom:max(12px,env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));left:auto;display:flex;flex-direction:column;gap:.5rem;z-index:200;width:min(calc(100% - 1.5rem),360px);pointer-events:none}.toast-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);width:100%;max-width:100%;pointer-events:auto}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--danger-color)}.toast-info{border-left:4px solid var(--brand-primary)}.toast-content{flex:1}.toast-title{font-size:.85rem;font-weight:600}.toast-message{font-size:.78rem;color:var(--text-secondary)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer}.credits-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:flex-start;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.credits-modal{margin:auto;width:min(100%,540px);max-height:calc(100dvh - 2rem);overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow-lg)}.credits-modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.credits-modal-title-row{display:flex;align-items:center;gap:.5rem;min-width:0;color:var(--brand-primary)}.credits-modal-title-row h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.credits-modal-close{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex-shrink:0}.credits-modal-close:hover{color:var(--text-primary);background:var(--border-color)}.credits-modal-tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.credits-modal-tab{flex:1 1 auto;min-width:0;min-height:var(--touch-min);padding:.4rem .55rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.78rem;cursor:pointer}.credits-modal-tab.active{border-color:var(--brand-primary);background:var(--brand-soft);color:var(--brand-primary)}.credits-balance-card{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand-primary) 45%,transparent);border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.credits-balance-label{font-size:.72rem;color:var(--brand-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.credits-balance-value{font-size:1.6rem;font-weight:800;color:var(--text-primary);line-height:1.2}.credits-balance-unit{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.credits-section{margin-bottom:1rem}.credits-section-title{margin:0 0 .5rem;font-size:.82rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.credits-fee-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.8rem}.credits-fee-card{background:var(--bg-secondary);padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-width:0}.credits-fee-name{font-weight:600;color:var(--text-primary)}.credits-fee-cost{font-weight:700;font-size:.75rem;margin-top:.15rem}.credits-fee-cost.is-debit,.credits-activity-amount.is-debit{color:var(--danger-color)}.credits-fee-cost.is-warn{color:var(--warning-color)}.credits-fee-cost.is-credit,.credits-activity-amount.is-credit{color:var(--success-color)}.credits-activity-list{max-height:min(200px,28vh);overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)}.credits-activity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.55rem .85rem;border-bottom:1px solid var(--border-color);font-size:.78rem}.credits-activity-row:last-child{border-bottom:none}.credits-activity-meta{min-width:0;flex:1 1 auto}.credits-activity-desc{font-weight:600;color:var(--text-primary);word-break:break-word}.credits-activity-sub{font-size:.68rem;color:var(--text-secondary);margin-top:.1rem}.credits-activity-amount{font-weight:800;flex-shrink:0;padding-left:.25rem}.credits-activity-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.75rem}.credits-modal-primary{width:100%;margin-top:.25rem;min-height:var(--touch-min);padding:.55rem 1rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.88rem}.credits-modal-primary:hover{background:var(--brand-primary-hover)}.credits-modal-primary:disabled{opacity:.55;cursor:not-allowed}.credits-modal-primary--inline{width:auto;margin-top:0;flex-shrink:0}.credits-help{font-size:.8rem;color:var(--text-secondary);margin:0 0 .75rem}.credits-help--muted{font-size:.72rem;margin-top:.75rem;margin-bottom:0}.credits-package-list{display:flex;flex-direction:column;gap:.6rem}.credits-package-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary)}.credits-package-name{font-weight:700}.credits-package-sub{font-size:.78rem;color:var(--text-secondary)}.credits-modal-buy{min-height:var(--touch-min);padding:.4rem .85rem;background:var(--success-color);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.8rem;flex-shrink:0}.credits-referral-box{display:flex;gap:.5rem;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.credits-referral-code{flex:1;min-width:0;font-size:1.05rem;font-weight:800;letter-spacing:.08em;font-family:var(--code-font);overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.credits-fee-grid{grid-template-columns:1fr}.credits-modal{padding:1rem}.credits-package-row{flex-wrap:wrap}}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.72rem;font-weight:600;text-transform:uppercase}.status-badge.verified{background-color:#10b98126;color:var(--success-color);border:1px solid rgba(16,185,129,.3)}.status-badge.pending{background-color:#f59e0b26;color:var(--warning-color);border:1px solid rgba(245,158,11,.3)}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.65rem .85rem;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase}.data-table td{padding:.65rem .85rem;border-bottom:1px solid var(--border-color)}.api-console{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-card);border-top:1px solid var(--border-color);z-index:60;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.api-console-bar{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1.25rem;background-color:var(--bg-elevated);cursor:pointer;font-size:.8rem;-webkit-user-select:none;user-select:none}.bar-left{display:flex;align-items:center;gap:.5rem}.bar-title{font-weight:600}.log-count{background-color:var(--bg-input);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.bar-right{display:flex;align-items:center;gap:.75rem}.last-status-chip{padding:.15rem .5rem;border-radius:4px;font-size:.72rem;font-family:var(--code-font)}.badge-success{background-color:#10b98133;color:var(--success-color)}.badge-warning{background-color:#f59e0b33;color:var(--warning-color)}.badge-danger{background-color:#ef444433;color:var(--danger-color)}.badge-neutral{background-color:var(--bg-elevated);color:var(--text-secondary)}.toggle-btn{background:none;border:none;color:var(--brand-primary);font-size:.75rem;font-weight:600;cursor:pointer}.api-console-body{height:250px;display:flex;overflow:hidden}.console-sidebar{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.35rem .75rem;background-color:var(--bg-input);border-bottom:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.clear-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem}.clear-btn:hover{color:var(--text-primary)}.log-list{flex:1;overflow-y:auto}.log-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid var(--border-color);font-size:.75rem;font-family:var(--code-font);cursor:pointer}.log-item:hover{background-color:var(--bg-elevated)}.log-item.active{background-color:var(--bg-elevated);border-left:3px solid var(--brand-primary)}.method-tag{font-weight:700;font-size:.68rem;padding:.1rem .3rem;border-radius:3px}.method-get{background:var(--brand-soft);color:var(--brand-primary)}.method-post{background:#10b98126;color:#34d399}.method-put,.method-patch{background:#f59e0b26;color:#fbbf24}.method-delete{background:#ef444426;color:#f87171}.log-endpoint{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-latency{color:var(--text-muted);font-size:.7rem}.console-detail{flex:1;overflow-y:auto;padding:.75rem 1rem}.detail-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;font-size:.85rem}.header-meta{display:flex;gap:.4rem}.badge{padding:.2rem .4rem;border-radius:4px;font-size:.72rem}.payload-box{margin-top:.75rem}.payload-box label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.payload-box pre{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;margin-top:.25rem;font-family:var(--code-font);font-size:.75rem;max-height:120px;overflow:auto;color:var(--text-primary)}.detail-placeholder,.empty-log,.empty-state{color:var(--text-muted);font-size:.82rem;text-align:center;padding:2rem 1rem}.result-box{padding:.85rem;border-radius:8px;margin-top:.75rem;font-size:.85rem}.result-box.success{background-color:#10b9811a;border:1px solid rgba(16,185,129,.3)}.result-box.danger{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.code-block{background-color:var(--bg-input);border:1px solid var(--border-color);padding:.75rem;border-radius:6px;font-family:var(--code-font);font-size:.78rem;overflow:auto;max-height:200px}.meta-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.75rem 0}.stat-card{background-color:var(--bg-elevated);padding:.5rem;border-radius:6px;display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.68rem;color:var(--text-muted)}.stat-val{font-size:.95rem;font-weight:700;color:var(--brand-primary)}.result-img-container{display:flex;justify-content:center;background-color:#fff;padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.encoded-signature-preview{max-height:140px;object-fit:contain}.verify-outcome-box{padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.verify-outcome-box.status-valid{background-color:#10b98114;border-color:#10b98166}.verify-outcome-box.status-invalid{background-color:#ef444414;border-color:#ef444466}.outcome-banner{display:flex;align-items:center;gap:.75rem}.outcome-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}.status-valid .outcome-icon{background-color:#10b98133;color:var(--success-color)}.status-invalid .outcome-icon{background-color:#ef444433;color:var(--danger-color)}.outcome-title{font-size:1rem;font-weight:700}.metric-chip{background-color:var(--bg-card);padding:.4rem .6rem;border-radius:6px;border:1px solid var(--border-color);display:flex;flex-direction:column}.metric-chip label{font-size:.68rem;color:var(--text-muted)}.metric-chip span{font-weight:700;font-size:.85rem}.pdf-items-list{display:flex;flex-direction:column;gap:.5rem}.pdf-card-row{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:border-color .15s}.pdf-card-row:hover{border-color:var(--brand-primary)}.pdf-card-row.selected{border-color:var(--brand-primary);background-color:var(--brand-soft)}.pdf-meta{flex:1}.pdf-name{font-size:.85rem;font-weight:600}.pdf-sub{font-size:.72rem;color:var(--text-muted)}.pdf-row-actions{display:flex;gap:.4rem}.merge-selection-list{display:flex;flex-direction:column;gap:.4rem;max-height:200px;overflow-y:auto;border:1px solid var(--border-color);padding:.5rem;border-radius:6px}.merge-checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.seals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.seal-card-item{background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.seal-card-item img{max-height:70px;max-width:100%}.seal-meta{text-align:center;font-size:.75rem}.folder-breadcrumbs{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.crumb-root{color:var(--brand-primary);cursor:pointer}.file-name-cell{display:flex;align-items:center;gap:.4rem}.folder-link{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-weight:600;font-size:inherit}.row-btn-group{display:flex;gap:.25rem}.gateway-badge{font-size:.65rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:.2rem .6rem;border-radius:9999px;font-weight:700;letter-spacing:.05em;margin-left:.5rem;vertical-align:middle}.gateway-badge-icon{margin-right:.35rem}.gateway-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.gateway-tab-btn{padding:.45rem .9rem;font-size:.8rem;font-weight:600;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.gateway-tab-btn:hover{background-color:var(--bg-elevated);color:var(--text-primary)}.gateway-tab-btn.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.gateway-top-bar{margin-bottom:1rem}.gateway-top-bar-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.gateway-select{padding:.45rem .75rem;font-size:.8rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);max-width:320px}.gateway-split-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:1.25rem}@media(max-width:900px){.gateway-split-layout{grid-template-columns:1fr}}.gateway-pdf-mockup{background-color:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:8px;padding:1.5rem;min-height:380px;position:relative;box-shadow:0 4px 12px #00000014}.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.mockup-badge{font-size:.75rem;font-weight:800;color:#0f172a;text-transform:uppercase;letter-spacing:.04em}.mockup-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin:.5rem 0}.mockup-rule{height:2px;background-color:#e2e8f0;margin-bottom:1rem}.mockup-lines{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mockup-line{height:8px;background-color:#f1f5f9;border-radius:4px}.mockup-sig-target{border:2px dashed #3b82f6;border-radius:6px;padding:.75rem;min-height:75px;display:flex;align-items:center;justify-content:center;background-color:var(--brand-soft)}.mockup-sig-target.signed{border:2px solid #10b981;background-color:#10b9810f}.mockup-sig-placeholder{display:flex;flex-direction:column;align-items:center;font-size:.8rem;color:#3b82f6;font-weight:600}.pulse-dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;animation:pulse 1.5s infinite;margin-bottom:.25rem}.mockup-signed-stamp{text-align:center}.stamp-verified-badge{font-size:.75rem;font-weight:800;color:#059669;letter-spacing:.05em}.stamp-name{font-size:.95rem;font-weight:700;color:#0f172a}.stamp-tx{font-size:.7rem;font-family:monospace;color:#64748b}.stamp-sub{font-size:.65rem;color:#10b981;font-weight:600}.gateway-doc-actions{display:flex;gap:.5rem;margin-top:1rem}.gateway-badge-accent{font-size:.65rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.08em}.gateway-channel-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.channel-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;text-align:left;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.channel-btn.active{border-color:var(--brand-primary);background-color:var(--brand-soft)}.gateway-qr-box{display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:var(--bg-elevated);border-radius:8px}.qr-wrapper{position:relative;background-color:#fff;padding:.75rem;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.gateway-qr-img{width:180px;height:180px;display:block}.qr-scan-line{position:absolute;top:0;left:0;right:0;height:2px;background-color:#3b82f6;box-shadow:0 0 8px #3b82f6;animation:scanMove 2s infinite ease-in-out}@keyframes scanMove{0%{top:0}50%{top:100%}to{top:0}}.qr-status-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--text-primary)}.pulse-indicator{width:8px;height:8px;border-radius:50%;background-color:#10b981;box-shadow:0 0 6px #10b981;animation:pulse 1.5s infinite}.gateway-mpin-box{display:flex;flex-direction:column;align-items:center;padding:.5rem}.mpin-display{display:flex;gap:.75rem;margin-bottom:1rem}.mpin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-color);background-color:var(--bg-elevated);transition:all .15s ease}.mpin-dot.filled{background-color:var(--brand-primary);border-color:var(--brand-primary);box-shadow:0 0 6px color-mix(in srgb,var(--brand-primary) 45%,transparent)}.numpad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:240px}.numpad-btn{aspect-ratio:1.4;font-size:1.25rem;font-weight:700;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.numpad-btn:hover{background-color:var(--brand-soft);border-color:var(--brand-primary)}.numpad-btn:active{transform:scale(.95)}.numpad-action{font-size:.85rem;color:var(--text-secondary)}.gateway-signed-success{display:flex;flex-direction:column;align-items:center;padding:1.5rem .5rem}.success-icon-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;margin-bottom:.75rem;box-shadow:0 6px 16px #10b9814d}.receipt-box{width:100%;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:.8rem;display:flex;flex-direction:column;gap:.4rem}.receipt-row{display:flex;justify-content:space-between;align-items:center}.template-preset-pills{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.preset-pill{padding:.3rem .6rem;font-size:.75rem;font-weight:600;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.preset-pill:hover{border-color:var(--brand-primary);color:var(--text-primary)}.preset-pill.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.status-chip{font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.chip-pending{background-color:#eab30826;color:#eab308}.chip-scanned{background-color:var(--brand-soft);color:#3b82f6}.chip-signed{background-color:#10b98126;color:#10b981}.gateway-mobile-sim-container{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media(max-width:800px){.gateway-mobile-sim-container{grid-template-columns:1fr}}.mobile-phone-frame{width:300px;margin:0 auto;background-color:#0f172a;border:10px solid #334155;border-radius:36px;overflow:hidden;box-shadow:0 16px 36px #00000059;color:#fff;display:flex;flex-direction:column}.phone-top-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem .25rem;font-size:.7rem;color:#94a3b8}.phone-dynamic-island{width:70px;height:16px;background-color:#020617;border-radius:12px}.phone-app-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #1e293b}.phone-body{padding:1rem;min-height:440px;display:flex;flex-direction:column}.camera-viewfinder{position:relative;background-color:#020617;border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.laser-scanner{position:absolute;top:0;left:0;right:0;height:2px;background-color:#ef4444;box-shadow:0 0 10px #ef4444;animation:scanMove 1.5s infinite ease-in-out}.phone-doc-card{background-color:#1e293b;border-radius:8px;padding:.75rem;margin-bottom:1rem}.phone-numpad{max-width:100%}.phone-numpad .numpad-btn{background-color:#1e293b;border-color:#334155;color:#fff;aspect-ratio:1.3}.step-guide-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.step-guide-item{display:flex;gap:.75rem;align-items:flex-start}.step-num{width:28px;height:28px;border-radius:50%;background-color:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}@media(max-width:1024px){.app-workspace:not(.workspace-fullbleed){padding:1rem}}@media(max-width:820px){.navbar-center-actions{display:none}}@media(max-width:768px){.nav-menu-toggle{display:inline-flex}.app-navbar{padding:.5rem .75rem}.brand-subtitle,.server-status-pill,.user-email,.credits-pill-label,.role-chip{display:none}.user-profile-badge{padding:.25rem .4rem;gap:.25rem}.navbar-actions{gap:.35rem}.app-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:80;width:min(280px,86vw);min-width:min(280px,86vw);padding:.85rem .5rem;transform:translate(-105%);transition:transform .22s ease;box-shadow:var(--shadow-lg);overflow-y:auto}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed{width:min(280px,86vw);min-width:min(280px,86vw);padding:.85rem .5rem}.app-sidebar.collapsed .sidebar-section-title,.app-sidebar.collapsed .sidebar-group-header,.app-sidebar.collapsed .nav-btn-text,.app-sidebar.collapsed .footer-status-text{display:initial}.app-sidebar.collapsed .sidebar-nav-btn{justify-content:flex-start;padding:.55rem .65rem}.app-sidebar.collapsed .sidebar-top-bar{justify-content:space-between;padding:0 .4rem .6rem}.app-sidebar.collapsed .nav-btn-text{display:block}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:70;border:none;cursor:pointer}.app-workspace:not(.workspace-fullbleed){padding:.85rem}.tab-pill-group{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bulk-steps-bar{grid-template-columns:1fr}.toast-container{right:.75rem;left:.75rem;width:auto}.auth-gate-banner{flex-direction:column;align-items:flex-start!important}.desktop-only-collapse{display:none}}@media(max-width:640px){.brand-title{font-size:1.05rem}.view-title{font-size:1.25rem}.tab-pill{padding:.4rem .7rem;font-size:.78rem}}.pdf-studio-container{display:flex;flex-direction:column;gap:1.25rem}.pdf-studio-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1.25rem}.studio-tool-group{display:flex;align-items:center;gap:.5rem;background:var(--bg-elevated);border:1px solid var(--border-color);padding:.25rem;border-radius:8px}.studio-tool-btn{display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;padding:.4rem .8rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.studio-tool-btn:hover{color:var(--text-primary);background:var(--bg-surface);border-color:var(--border-color)}.studio-tool-btn.active{background:var(--brand-primary);color:#fff;border-color:#ffffff26;box-shadow:0 2px 8px #38bdf84d}.pdf-studio-grid{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:0}@media(max-width:1100px){.pdf-studio-grid{flex-wrap:wrap}}.canva-left-rail{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.65rem .35rem;z-index:20}.canva-rail-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;height:52px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease}.canva-rail-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.canva-rail-btn.active{background:var(--bg-surface);color:var(--brand-primary);border-left:3px solid var(--brand-primary)}.canva-rail-panel{width:260px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.85rem;display:flex;flex-direction:column;gap:.85rem;max-height:800px;overflow-y:auto}.pdf-canvas-stage{background:#0b0f17;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:auto;min-height:540px}.pdf-canvas-wrapper{position:relative;display:inline-block;box-shadow:0 20px 40px -15px #000c;border-radius:6px;overflow:hidden;cursor:crosshair;background:#fff}.pdf-page-render{display:block;max-width:100%;width:auto;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sig-interactive-box{position:absolute;border:2px dashed #0284c7;background:#0ea5e924;border-radius:4px;pointer-events:auto;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #0ea5e959;transition:border-color .15s ease;z-index:15;-webkit-user-select:none;user-select:none;touch-action:none}.sig-interactive-box:active{cursor:grabbing}.sig-interactive-box.active{border-color:#10b981;background:#10b98129;box-shadow:0 0 16px #10b98166}.sig-interactive-img{max-width:95%;max-height:90%;object-fit:contain;pointer-events:none}.sig-placement-hud{position:absolute;top:-24px;left:0;background:#0284c7;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;white-space:nowrap;letter-spacing:.02em}.sig-interactive-box.active .sig-placement-hud{background:#10b981}.sig-resize-handle{position:absolute;width:10px;height:10px;background:#10b981;border:2px solid #ffffff;border-radius:2px;z-index:16;box-shadow:0 1px 3px #00000059;pointer-events:auto}.sig-resize-handle.nw{top:-5px;left:-5px;cursor:nwse-resize}.sig-resize-handle.ne{top:-5px;right:-5px;cursor:nesw-resize}.sig-resize-handle.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.sig-resize-handle.se{bottom:-5px;right:-5px;cursor:nwse-resize}.whiteout-interactive-box{position:absolute;border:2px dashed #f43f5e;background:#f43f5e26;border-radius:4px;pointer-events:none}.whiteout-hud{position:absolute;top:-22px;left:0;background:#f43f5e;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;white-space:nowrap}.text-placement-cursor{position:absolute;width:2px;height:20px;background:#38bdf8;box-shadow:0 0 8px #38bdf8;pointer-events:none;animation:blinkCursor 1s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.studio-sidebar-panel{display:flex;flex-direction:column;gap:1rem}.canvas-ruler-h{height:20px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:var(--code-font);font-size:9px;color:var(--text-muted)}.canvas-ruler-tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.15);padding-left:2px;line-height:20px}.pdf-detected-element{position:absolute;box-sizing:border-box;cursor:pointer;border:1px dashed transparent;transition:all .15s ease;z-index:10;border-radius:2px}.pdf-detected-element:hover{border-color:#3b82f6;background:var(--brand-soft);box-shadow:0 0 8px color-mix(in srgb,var(--brand-primary) 35%,transparent)}.pdf-detected-element.selected{border:1.5px solid #2563eb;background:#2563eb2e;box-shadow:0 0 12px #2563eb80;z-index:25}.pdf-detected-element.selected:after{content:"";position:absolute;top:-5px;right:-5px;width:8px;height:8px;border-radius:50%;background:#2563eb;border:1.5px solid #fff;box-shadow:0 0 4px #2563eb99}.pdf-detected-element.pdf-el-image:hover,.pdf-detected-element.pdf-el-image.selected{border-color:#a855f7;background:#a855f724;box-shadow:0 0 10px #a855f759}.pdf-detected-element.pdf-el-line:hover,.pdf-detected-element.pdf-el-line.selected{border-color:#10b981;background:#10b98129;box-shadow:0 0 10px #10b98159}.pdf-detected-element.pdf-el-rect:hover,.pdf-detected-element.pdf-el-rect.selected,.pdf-detected-element.pdf-el-drawing:hover,.pdf-detected-element.pdf-el-drawing.selected,.pdf-detected-element.pdf-el-curve:hover,.pdf-detected-element.pdf-el-curve.selected{border-color:#f59e0b;background:#f59e0b24;box-shadow:0 0 10px #f59e0b59}.canvas-comment-pin{position:absolute;width:24px;height:24px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#f59e0b;border:2px solid #ffffff;box-shadow:0 2px 6px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:35;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.canvas-comment-pin:hover{transform:rotate(-45deg) scale(1.18)}.canvas-comment-pin-inner{transform:rotate(45deg);font-size:11px;color:#fff;font-weight:700}.canvas-form-field{position:absolute;border:1.5px solid #6366f1;background:#6366f126;border-radius:4px;display:flex;align-items:center;padding:0 4px;font-size:11px;color:#4f46e5;font-weight:600;cursor:move;-webkit-user-select:none;user-select:none;z-index:20}.canvas-shape-box{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;z-index:18}.canvas-table-box{position:absolute;border:1.5px solid #10b981;background:#fffffff2;border-radius:4px;box-shadow:0 4px 14px #00000026;cursor:move;-webkit-user-select:none;user-select:none;z-index:22;overflow:hidden}.canvas-table-grid{width:100%;border-collapse:collapse}.canvas-table-grid td,.canvas-table-grid th{border:1px solid #cbd5e1;padding:4px 6px;font-size:11px;min-width:45px;color:#0f172a}.signi-document-studio{width:100%;display:flex;flex-direction:column;gap:.5rem}.signi-studio-status{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.35rem .5rem;font-size:.72rem;color:var(--text-secondary)}.signi-studio-canvas-wrap{border-radius:8px}.signi-inline-text-editor{cursor:text}.signi-inline-tiptap .ProseMirror{outline:none;min-height:1.5em;cursor:text}.signi-studio-host{min-height:520px;background:var(--bg-elevated, #f8fafc)}.app-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg-card) 88%,transparent)}.brand-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.brand-logo{background:var(--brand-gradient);border-radius:var(--radius-sm);box-shadow:0 0 0 1px #ffffff0f inset}.app-sidebar{background:radial-gradient(1200px 400px at 0% 0%,var(--brand-soft),transparent 55%),var(--bg-card);border-right:1px solid var(--border-color)}.sidebar-item.active,.canva-rail-btn.active{background:var(--brand-soft)!important;color:var(--brand-primary)!important;box-shadow:inset 3px 0 0 var(--brand-primary)}.auth-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 70%,transparent),var(--bg-card)),var(--bg-card);box-shadow:var(--shadow-lg)}.auth-card h1,.auth-card h2,.auth-hero-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}.signature-pad-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);overflow:hidden}.signature-pad-header{background:color-mix(in srgb,var(--bg-card) 80%,var(--brand-soft));border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.signature-pad-footer{border-top:1px solid var(--border-color);background:var(--bg-card)}.pdf-studio-container{background:var(--bg-page);min-height:calc(100vh - 64px)}.pdf-studio-container.studio-realtime-shell{background:var(--bg-page);min-height:calc(100vh - 64px);gap:0;display:flex;flex-direction:column;padding:0;overflow:visible}.app-workspace:has(.studio-realtime-shell){padding-top:0}.app-workspace:has(.studio-realtime-shell) .view-header{padding:.85rem 1.25rem .65rem;margin:0}.app-workspace:has(.studio-realtime-shell) .view-content{overflow:visible}.app-workspace:has(.studio-realtime-shell) .studio-topbar{top:0}.studio-realtime-shell .pdf-studio-grid,.studio-realtime-shell .studio-workbench{display:flex;flex-direction:row;align-items:stretch;flex:1;min-height:0;border-top:1px solid var(--border-color);gap:0}.studio-realtime-shell .studio-workbench>.canva-left-rail,.studio-realtime-shell .studio-workbench>.canva-rail-panel,.studio-realtime-shell .studio-workbench>.studio-properties-panel{flex:0 0 auto}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 auto;min-width:0;width:auto;display:flex;flex-direction:column}.studio-realtime-shell .pdf-canvas-stage .signi-studio-host,.studio-realtime-shell .pdf-canvas-stage .pdf-canvas-wrapper{flex:1 1 auto;min-height:480px}.studio-realtime-shell .studio-workbench.panel-collapsed>.action-panel-floating-btn{flex:0 0 auto;align-self:flex-start;margin-top:.75rem}.studio-realtime-shell .pdf-studio-grid:not(.panel-open),.studio-realtime-shell .pdf-studio-grid.panel-collapsed{grid-template-columns:unset}.studio-realtime-shell .pdf-studio-grid:not(.panel-open) .studio-properties-panel{display:none}@media(max-width:1100px){.studio-realtime-shell .pdf-studio-grid,.studio-realtime-shell .pdf-studio-grid:not(.panel-open),.studio-realtime-shell .studio-workbench{flex-wrap:wrap}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 100%;order:3}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{position:fixed;right:12px;top:72px;bottom:12px;width:min(300px,90vw);z-index:40;box-shadow:var(--shadow-lg)}}.pdf-studio-toolbar{border-bottom:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-card) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canva-left-rail{background:var(--bg-card);border-right:1px solid var(--border-color);width:var(--studio-rail-width)}.canva-rail-panel{width:var(--studio-panel-width);background:var(--bg-surface);border-right:1px solid var(--border-color)}.canva-rail-btn{border-radius:var(--radius-sm);transition:background .15s ease,color .15s ease,transform .15s ease}.canva-rail-btn:hover{background:var(--brand-soft);transform:translateY(-1px)}.pdf-canvas-stage{background:var(--bg-pasteboard)}.pdf-canvas-wrapper,.signi-studio-host{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.signi-studio-status{font-family:var(--font-family);letter-spacing:.01em;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;padding:.25rem .65rem;background:var(--bg-card);width:fit-content}.signi-studio-page-actions{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;margin-bottom:.35rem}.signi-studio-page-hint{font-size:.7rem;color:var(--text-muted)}.signi-document-studio .signi-studio-canvas-wrap{background:linear-gradient(180deg,transparent,rgba(0,0,0,.08)),var(--bg-pasteboard)}.btn-primary{background:var(--brand-gradient);border:none;color:#fff;box-shadow:0 1px #ffffff1f inset}.btn-primary:hover{filter:brightness(1.05)}.module-hero{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.module-hero h1{font-family:var(--font-display);font-size:1.75rem;font-weight:600;letter-spacing:-.03em}.module-hero p{color:var(--text-secondary);max-width:52ch;font-size:.95rem}.studio-workspace-banner{display:none}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.4rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;min-height:48px;position:sticky;top:0;z-index:40;flex-shrink:0;box-shadow:0 1px 0 var(--border-color)}.studio-mode-chrome{flex-shrink:0;position:sticky;top:48px;z-index:35;background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:.35rem .75rem}.studio-mode-chrome-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.studio-mode-chrome-pill{font-size:.72rem;padding:.3rem .55rem;border-radius:6px;background:#0f172ad1;color:#e2e8f0;border:1px solid rgba(14,165,233,.55)}.canva-wysiwyg-inline-editor{overflow:visible}.canva-floating-format-bar{top:0!important;transform:translateY(calc(-100% - 6px))}.studio-topbar-left,.studio-topbar-center,.studio-topbar-right{display:flex;align-items:center;gap:.5rem;min-width:0}.studio-topbar-left{flex:0 1 auto;max-width:min(380px,36vw);overflow:visible}.studio-topbar-center{flex:1 1 auto;justify-content:center;flex-wrap:wrap;min-width:0}.studio-topbar-right{flex:0 0 auto;margin-left:auto}.studio-doc-identity{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto;overflow:hidden;max-width:min(220px,100%)}.studio-doc-icon{width:28px;height:28px;border-radius:6px;background:var(--brand-soft);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.studio-doc-meta{min-width:0;flex:1 1 auto;overflow:hidden}.studio-doc-title{font-weight:600;font-size:.82rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.studio-doc-sub{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-topbar-sep{width:1px;height:22px;background:var(--border-color);flex-shrink:0}.studio-history-group,.studio-mode-group,.studio-format-group{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.studio-history-group{position:relative;z-index:1;flex:0 0 auto}.studio-mode-group{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;padding:.15rem}.studio-icon-btn,.studio-mode-btn,.studio-format-btn{border:none;background:transparent;color:var(--text-secondary);border-radius:6px;padding:.28rem .5rem;font-size:.72rem;font-weight:600;cursor:pointer;line-height:1}.studio-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.studio-icon-btn:hover:not(:disabled),.studio-mode-btn:hover,.studio-format-btn:hover{background:var(--brand-soft);color:var(--text-primary)}.studio-icon-btn:disabled{opacity:.35;cursor:not-allowed}.studio-icon-btn.active,.studio-format-btn.active{background:var(--brand-soft);color:var(--brand-primary)}.studio-mode-btn.active{color:#fff}.studio-select{font-size:.72rem;padding:.25rem .4rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);height:auto;width:auto;min-width:72px}.studio-stepper{display:inline-flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-elevated)}.studio-stepper button{background:transparent;border:none;color:var(--text-primary);padding:.15rem .35rem;cursor:pointer}.studio-stepper span{font-size:.72rem;font-weight:600;min-width:20px;text-align:center}.studio-color{width:22px;height:22px;padding:0;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;background:transparent}.studio-active-cred img{max-height:22px;max-width:40px;object-fit:contain}.studio-more-wrap,.studio-export-wrap{position:relative}.studio-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);z-index:50;overflow:hidden;display:flex;flex-direction:column}.studio-dropdown button,.studio-dropdown-file{width:100%;text-align:left;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-primary);font-size:.76rem;cursor:pointer}.studio-dropdown button:hover,.studio-dropdown-file:hover{background:var(--brand-soft)}.studio-dropdown-file{display:block;margin:0}.studio-dropdown-file input{display:none}.studio-realtime-shell .canva-left-rail{border-radius:0;border:none;border-right:1px solid var(--border-color);background:var(--bg-card);padding:.5rem .25rem;height:auto;max-height:calc(100vh - 112px);position:sticky;top:52px;align-self:flex-start;z-index:20;overflow-y:auto}.studio-realtime-shell .canva-rail-panel{border-radius:0;border:none;border-right:1px solid var(--border-color);max-height:calc(100vh - 112px);height:auto;overflow-y:auto;position:sticky;top:52px;align-self:flex-start;z-index:19}.studio-realtime-shell .pdf-canvas-stage{border-radius:0;border:none;min-height:0;height:100%;display:flex;flex-direction:column;padding:0;background:var(--bg-pasteboard)}.studio-realtime-shell .pdf-canvas-wrapper,.studio-realtime-shell .signi-studio-host{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:auto;padding:1.25rem;box-shadow:none;border-radius:0;width:100%}.studio-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem .75rem;border-top:1px solid var(--border-color);background:var(--bg-card);flex-shrink:0}.studio-footer-left,.studio-footer-center,.studio-footer-right{display:flex;align-items:center;gap:.35rem}.studio-footer-page{font-size:.74rem;font-weight:600;color:var(--text-secondary);min-width:3.5rem;text-align:center}.studio-save-pill{font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--border-color);color:var(--text-muted);background:var(--bg-elevated)}.studio-save-pill.studio-save-saved{color:var(--success-color);border-color:color-mix(in srgb,var(--success-color) 40%,var(--border-color))}.studio-save-pill.studio-save-saving{color:var(--brand-primary)}.studio-save-pill.studio-save-error{color:var(--danger-color)}.studio-save-pill.studio-save-offline{color:#b45309;border-color:color-mix(in srgb,#b45309 40%,var(--border-color))}.studio-save-pill.studio-save-conflict{color:#c2410c;border-color:color-mix(in srgb,#c2410c 45%,var(--border-color))}.studio-properties-panel{border-left:1px solid var(--border-color);background:var(--bg-card);padding:.65rem;min-height:0;overflow-x:hidden;overflow-y:auto;gap:.65rem;width:var(--studio-panel-width, 320px);max-width:min(340px,40vw);flex:0 0 var(--studio-panel-width, 320px);display:flex;flex-direction:column;align-self:stretch;max-height:calc(100vh - 100px);height:auto;position:relative;top:auto;z-index:20;box-sizing:border-box;-webkit-overflow-scrolling:touch}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{flex:0 0 var(--studio-panel-width, 320px);width:var(--studio-panel-width, 320px);max-height:calc(100vh - 100px);overflow-y:auto;min-height:0}.studio-properties-panel.is-open{display:flex}.studio-properties-panel .card{margin:0 0 .65rem;max-width:100%;box-sizing:border-box;flex-shrink:0}.studio-properties-panel .card-body{overflow-wrap:anywhere;word-break:break-word}.studio-properties-default{flex-shrink:0}.studio-sign-card{order:-1}.studio-sign-steps{margin:0 0 .75rem;padding-left:1.15rem;display:flex;flex-direction:column;gap:.75rem;font-size:.78rem;color:var(--text-secondary);line-height:1.35}.studio-sign-steps li strong{color:var(--text-primary);display:block;margin-bottom:.1rem}.studio-sign-actions{position:sticky;bottom:0;padding-top:.5rem;background:linear-gradient(to bottom,transparent,var(--bg-card) 28%);z-index:2}.studio-properties-header{order:-2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;flex-shrink:0;margin-bottom:.35rem;position:sticky;top:0;z-index:3}.studio-prop-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.15rem}.studio-prop-value{font-size:.8rem;color:var(--text-primary);text-transform:capitalize}.action-panel-floating-btn{writing-mode:vertical-rl;transform:rotate(180deg);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem .4rem;border-radius:8px 0 0 8px;border:1px solid var(--border-color);border-right:none;background:var(--bg-elevated);color:var(--text-primary);font-size:.72rem;font-weight:600;cursor:pointer;z-index:25;height:auto;align-self:flex-start;margin-top:.85rem;flex-shrink:0;position:sticky;top:60px}.action-panel-floating-btn:hover{background:var(--brand-soft);color:var(--brand-primary)}@media(max-width:768px){.pdf-studio-container,.pdf-studio-container.studio-realtime-shell{min-height:calc(100dvh - var(--navbar-height, 56px));padding-bottom:64px}.studio-topbar{align-items:flex-start;gap:.5rem;padding:.5rem .65rem}.studio-topbar-left{max-width:100%;flex:1 1 100%}.studio-topbar-center{flex:1 1 100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-topbar-right{flex:1 1 100%;margin-left:0;justify-content:flex-start;flex-wrap:wrap}.studio-doc-identity{max-width:min(200px,55vw)}.studio-mode-group{flex-wrap:nowrap}.studio-mode-btn{min-width:var(--touch-min, 44px);min-height:var(--touch-min, 44px);padding:.35rem .45rem;font-size:.65rem}.studio-format-group{display:none}.studio-topbar.studio-format-visible .studio-format-group{display:flex;flex-wrap:wrap;width:100%}.studio-realtime-shell .studio-workbench,.studio-realtime-shell .pdf-studio-grid{flex-wrap:nowrap;flex-direction:column}.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{flex:1 1 auto;order:1;width:100%;min-height:50vh}.studio-realtime-shell .studio-workbench>.canva-left-rail{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:auto;max-height:56px;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-right:none;border-radius:0;border-top:1px solid var(--border-color);z-index:45;padding:.25rem .35rem;gap:.25rem}.studio-realtime-shell .canva-rail-btn{width:auto;min-width:var(--touch-min, 44px);height:44px;flex-direction:column;flex-shrink:0}.studio-realtime-shell .studio-workbench>.canva-rail-panel{position:fixed;left:0;right:0;bottom:56px;width:100%!important;max-width:100%;max-height:min(48vh,420px);z-index:44;border-radius:12px 12px 0 0;box-shadow:var(--shadow-lg);overflow-y:auto}.studio-realtime-shell .studio-workbench>.studio-properties-panel.is-open{position:fixed;left:0;right:0;top:auto;bottom:56px;width:100%!important;max-width:100%;max-height:min(52vh,480px);z-index:46;border-radius:12px 12px 0 0;box-shadow:var(--shadow-lg)}.action-panel-floating-btn{writing-mode:horizontal-tb;transform:none;position:fixed;right:12px;bottom:68px;z-index:47;border-radius:999px;border:1px solid var(--border-color);padding:.55rem .85rem;margin:0}}@media(min-width:1280px){.studio-realtime-shell .studio-workbench>.pdf-canvas-stage{max-width:none}}.auth-shell{--auth-teal: #00a991;--auth-teal-deep: #008f7b;--auth-card: #ffffff;--auth-muted: #64748b;--auth-line: #e8edf1;--auth-label: #172b3a;--auth-error: #dc2626;--auth-success: #059669;--auth-input-border: #d6e0ea;position:relative;box-sizing:border-box;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;width:100%;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(380px,460px);gap:clamp(1rem,3vw,2.5rem);align-items:center;padding:clamp(.85rem,2.2vh,1.75rem) clamp(1.1rem,4vw,3.25rem);overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse 70% 55% at 0% 0%,rgba(0,169,145,.22),transparent 55%),radial-gradient(ellipse 50% 45% at 100% 100%,rgba(7,58,52,.55),transparent 50%),radial-gradient(ellipse 40% 35% at 55% 40%,rgba(0,169,145,.08),transparent 60%),linear-gradient(160deg,#041e1b,#073a34 48%,#041e1b);color:#f8fafc;font-family:DM Sans,Avenir Next,Segoe UI,sans-serif}.auth-shell:before{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;background:radial-gradient(closest-side at 18% 70%,rgba(0,163,141,.14),transparent 70%),radial-gradient(closest-side at 78% 25%,rgba(15,95,88,.2),transparent 65%);pointer-events:none}.auth-shell-theme-btn{position:absolute;top:1.15rem;right:1.15rem;z-index:6;width:38px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#041c1ca6;color:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.95rem}.auth-shell-theme-btn:hover{border-color:#00a38d73;background:#00a38d2e}.auth-shell-left{position:relative;z-index:2;max-width:500px;max-height:100%;display:flex;flex-direction:column;gap:clamp(.45rem,1.4vh,.95rem);min-height:0;overflow:hidden}.auth-shell-brand{display:inline-flex;align-items:center;gap:.55rem}.auth-shell-brand-mark{width:clamp(28px,4.5vh,36px);height:clamp(28px,4.5vh,36px);flex-shrink:0}.auth-shell-brand-name{font-size:clamp(1.05rem,2.4vh,1.28rem);font-weight:700;letter-spacing:-.03em;color:#f8fafc}.auth-shell-badge{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.28rem .7rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c8f5ea;background:#0028248c;border:1px solid rgba(0,163,141,.35);box-shadow:0 0 #00a38d59}.auth-shell-badge svg{color:#34d399;flex-shrink:0}.auth-shell-title{margin:0;font-family:DM Sans,Avenir Next,Segoe UI,sans-serif;font-size:clamp(1.65rem,3.8vh,2.35rem);line-height:1.12;font-weight:700;letter-spacing:-.035em;color:#fff}.auth-shell-title em{font-style:normal;color:var(--auth-teal)}.auth-shell-lead{margin:0;max-width:34rem;font-size:clamp(.82rem,1.7vh,.98rem);line-height:1.5;color:#a6bfbd}.auth-shell-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(.4rem,1.2vh,.75rem)}.auth-shell-features li{display:grid;grid-template-columns:clamp(32px,4.5vh,40px) 1fr;gap:.65rem;align-items:center}.auth-feat-icon{width:clamp(32px,4.5vh,40px);height:clamp(32px,4.5vh,40px);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 18px #00000040}.auth-feat-icon.green{background:linear-gradient(145deg,#22c55e,#16a34a)}.auth-feat-icon.blue{background:linear-gradient(145deg,#3b82f6,#2563eb)}.auth-feat-icon.purple{background:linear-gradient(145deg,#8b5cf6,#7c3aed)}.auth-feat-icon.orange{background:linear-gradient(145deg,#f59e0b,#ea580c)}.auth-feat-copy strong{display:block;font-size:clamp(.82rem,1.7vh,.92rem);font-weight:700;color:#f8fafc;margin-bottom:.05rem}.auth-feat-copy span{font-size:clamp(.72rem,1.45vh,.82rem);color:#a6bfbd;line-height:1.35}.auth-shell-preview{position:relative;margin-top:clamp(.2rem,1vh,.55rem);width:min(100%,320px);height:clamp(110px,22vh,180px);flex-shrink:1;min-height:0}.auth-preview-stage{position:absolute;top:18px;right:28px;bottom:28px;left:8px;border-radius:14px;background:linear-gradient(165deg,#0f2a2a,#081818);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 50px #00000073;overflow:hidden}.auth-preview-rail{position:absolute;left:0;top:0;bottom:0;width:36px;background:#00000059;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px}.auth-preview-rail span{width:16px;height:16px;border-radius:4px;background:#ffffff1f}.auth-preview-doc{position:absolute;left:52px;top:18px;right:18px;bottom:18px;background:#fff;border-radius:8px;padding:14px 16px;box-shadow:0 10px 24px #0000004d;color:#0f172a}.auth-preview-doc h4{margin:0 0 10px;font-size:.78rem;font-weight:700}.auth-preview-doc .line{height:6px;border-radius:3px;background:#e2e8f0;margin-bottom:8px}.auth-preview-doc .line.mid{width:72%}.auth-preview-doc .line.short{width:48%}.auth-preview-sig-zone{position:relative;margin-top:10px;min-height:40px;border:1.5px dashed #94a3b8;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:4px 8px;background:#f8fafce6}.auth-preview-sig-label{position:absolute;top:-.45rem;left:.55rem;padding:0 .3rem;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#fff}.auth-preview-sig-zone .auth-sig-path{width:88%;height:26px}.auth-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .7rem;border-radius:999px;font-size:.68rem;font-weight:700;box-shadow:0 10px 22px #00000047;white-space:nowrap}.auth-chip.signed{top:0;right:0;background:#22c55e;color:#052e16}.auth-chip.pending{left:-6px;bottom:52px;background:#fbbf24;color:#422006}.auth-chip.secured{right:8px;bottom:0;background:#0f172aeb;color:#e2e8f0;border:1px solid rgba(0,163,141,.5)}.auth-shell-right{position:relative;z-index:2;justify-self:end;width:100%;max-width:460px;max-height:100%;min-height:0;display:flex;align-items:center;align-self:center}.auth-panel{background:var(--auth-card);color:#172b3a;border-radius:20px;width:100%;max-height:min(100%,calc(100dvh - 3.25rem));padding:clamp(1.15rem,2.4vh,1.85rem) clamp(1.25rem,2.2vw,1.85rem);box-shadow:0 0 0 1px #ffffff0a,0 28px 56px #0000007a;overflow:auto;overscroll-behavior:contain}.auth-shell[data-mode=register]{padding-top:clamp(1.25rem,3.2vh,2.25rem);padding-bottom:clamp(1.25rem,3.2vh,2.25rem);align-items:center}.auth-shell[data-mode=register] .auth-shell-right{max-height:calc(100dvh - 4rem)}.auth-shell[data-mode=register] .auth-panel{max-height:calc(100dvh - 4rem);padding:clamp(.85rem,1.8vh,1.35rem) clamp(1.15rem,2vw,1.65rem)}.auth-shell[data-mode=register] .auth-panel-logo{margin-bottom:.15rem;gap:.15rem}.auth-shell[data-mode=register] .auth-panel-logo-row img,.auth-shell[data-mode=register] .auth-panel-logo-row .auth-shell-brand-mark{width:28px;height:28px}.auth-shell[data-mode=register] .auth-panel-logo-row strong{font-size:1.05rem}.auth-shell[data-mode=register] .auth-panel-tagline{font-size:.7rem}.auth-shell[data-mode=register] .auth-panel-divider{margin:clamp(.4rem,1vh,.65rem) 0}.auth-shell[data-mode=register] .auth-panel .form-group{margin-bottom:clamp(.45rem,1.1vh,.7rem)}.auth-shell[data-mode=register] .auth-input-wrap input,.auth-shell[data-mode=register] .auth-panel select{min-height:40px;padding-top:.5rem;padding-bottom:.5rem}.auth-shell[data-mode=register] .auth-submit{min-height:42px;margin-top:.2rem;padding:.6rem 1rem}.auth-shell[data-mode=register] .auth-trust-strip{margin-top:clamp(.45rem,1.1vh,.7rem);padding-top:clamp(.4rem,1vh,.6rem)}.auth-shell[data-mode=register] .auth-panel-secure-note{margin-top:.4rem;font-size:.64rem}.auth-shell[data-mode=register] .auth-field-hint,.auth-shell[data-mode=register] .auth-field-warn{margin-top:.2rem;font-size:.68rem}.auth-panel-logo{display:flex;flex-direction:column;align-items:center;gap:.3rem;margin-bottom:.35rem}.auth-panel-logo-row{display:inline-flex;align-items:center;gap:.45rem}.auth-panel-logo-row img,.auth-panel-logo-row .auth-shell-brand-mark{width:32px;height:32px}.auth-panel-logo-row strong{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#0f172a}.auth-panel-tagline{margin:0;font-size:.75rem;color:#64748b;text-align:center}.auth-panel-divider{display:flex;align-items:center;gap:.7rem;margin:clamp(.55rem,1.4vh,.85rem) 0;color:#94a3b8;font-size:.74rem}.auth-panel-divider:before,.auth-panel-divider:after{content:"";flex:1;height:1px;background:var(--auth-line)}.auth-panel .form-group{margin-bottom:clamp(.7rem,1.5vh,1rem)}.auth-panel .form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--auth-label);margin-bottom:.35rem}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap .auth-input-icon{position:absolute;left:.75rem;color:#94a3b8;pointer-events:none;display:inline-flex}.auth-input-wrap input,.auth-panel select{width:100%;min-height:44px;border:1px solid var(--auth-input-border);border-radius:11px;background:#fff;color:#172b3a;font-size:.9rem;padding:.65rem .85rem .65rem 2.4rem;outline:none;transition:border-color .15s,box-shadow .15s}.auth-panel select{padding-left:.9rem;cursor:pointer}.auth-input-wrap input:focus,.auth-panel select:focus{border-color:var(--auth-teal);box-shadow:0 0 0 3px #00a9912e}.auth-panel .form-group.has-error input,.auth-panel .form-group.has-error select{border-color:var(--auth-error)}.auth-panel .form-group.has-error input:focus,.auth-panel .form-group.has-error select:focus{box-shadow:0 0 0 3px #dc262624}.auth-field-error{margin:.35rem 0 0;font-size:.75rem;font-weight:600;color:var(--auth-error);line-height:1.35}.auth-field-error-inline{margin:-.35rem 0 .65rem}.auth-field-hint{margin:.3rem 0 0;font-size:.72rem;color:#64748b;line-height:1.4}.auth-field-warn{color:#9a3412}.auth-otp-copy{margin:0 0 .9rem}.auth-panel-footer-stack{display:flex;flex-direction:column;gap:.5rem}.auth-input-wrap input:has(+.auth-eye){padding-right:2.5rem}.auth-input-wrap .auth-eye{position:absolute;right:.45rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;padding:.35rem;display:inline-flex;border-radius:8px}.auth-input-wrap .auth-eye:focus-visible{outline:2px solid var(--auth-teal);outline-offset:1px}.auth-input-wrap .auth-eye:hover{color:#0f172a;background:#0f172a0d}.auth-row-end{display:flex;justify-content:flex-end;margin:-.15rem 0 clamp(.45rem,1.2vh,.75rem)}.auth-link{background:none;border:none;padding:0;color:var(--auth-teal-deep);font-size:.8rem;font-weight:700;cursor:pointer}.auth-link:hover{text-decoration:underline}.auth-submit{position:relative;overflow:hidden;width:100%;min-height:46px;border:none;border-radius:11px;margin-top:.35rem;padding:.75rem 1rem;font-size:.94rem;font-weight:600;color:#fff;background:var(--auth-teal);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;box-shadow:0 10px 22px #00a9914d;transition:background .15s,filter .15s,transform .15s,box-shadow .15s}.auth-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translate(-120%);animation:auth-submit-sheen 4.5s ease-in-out 1.2s infinite;pointer-events:none}.auth-submit:hover:not(:disabled){background:var(--auth-teal-deep);transform:translateY(-1px)}.auth-submit:focus-visible{outline:2px solid var(--auth-teal);outline-offset:3px}.auth-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-social{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:clamp(.4rem,1.2vh,.65rem)}.auth-social button{border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:.4rem .25rem;font-size:.7rem;font-weight:600;color:#334155;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:clamp(34px,5vh,40px)}.auth-social button:hover{border-color:#cbd5e1;background:#f8fafc}.auth-social .auth-social-icon{width:16px;height:16px;display:inline-flex}.auth-panel-footer{margin-top:clamp(.55rem,1.4vh,.9rem);text-align:center;font-size:.8rem;color:#64748b}.auth-invite-banner{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .85rem;margin-bottom:.85rem;border-radius:12px;background:#00a38d14;border:1px solid rgba(0,163,141,.25);color:#0f766e;font-size:.8rem;line-height:1.4}.auth-hint{font-size:.75rem;color:#64748b;margin:.25rem 0 0;line-height:1.4}.auth-embedded{max-width:480px;margin:0 auto;padding:1.5rem 0}.auth-ambient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.45;animation:auth-orb-drift 14s ease-in-out infinite}.auth-orb-a{width:min(42vw,380px);height:min(42vw,380px);left:-8%;top:-12%;background:#00a38d59}.auth-orb-b{width:min(36vw,320px);height:min(36vw,320px);right:-6%;bottom:-10%;background:#0e749047;animation-delay:-4s;animation-duration:18s}.auth-orb-c{width:min(28vw,240px);height:min(28vw,240px);left:42%;top:38%;background:#00a38d24;animation-delay:-8s;animation-duration:16s}.auth-float-icon{position:absolute;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#a7f3d0e6;background:#041c1c8c;border:1px solid rgba(0,163,141,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:auth-icon-float 7s ease-in-out infinite}.auth-float-1{top:14%;right:46%;animation-delay:0s}.auth-float-2{bottom:22%;left:48%;animation-delay:-2.2s}.auth-float-3{top:58%;right:52%;animation-delay:-4.4s}.auth-enter{opacity:0;transform:translateY(14px);animation:auth-rise .55s cubic-bezier(.22,1,.36,1) forwards}.auth-enter-1{animation-delay:.04s}.auth-enter-2{animation-delay:.1s}.auth-enter-3{animation-delay:.16s}.auth-enter-4{animation-delay:.22s}.auth-enter-5{animation-delay:.28s}.auth-enter-6{animation-delay:.34s}.auth-enter-7{animation-delay:.4s}.auth-enter-8{animation-delay:.46s}.auth-enter-9{animation-delay:.52s}.auth-enter-10{animation-delay:.58s}.auth-enter-panel{animation-delay:.2s;transform:translateY(18px) scale(.985)}.auth-panel{animation:auth-panel-in .45s cubic-bezier(.22,1,.36,1) both}.auth-shell-preview{animation:auth-float 5.5s ease-in-out infinite}.auth-chip-float-a{animation:auth-chip-bob 3.8s ease-in-out infinite}.auth-chip-float-b{animation:auth-chip-bob 4.4s ease-in-out infinite .4s}.auth-chip-float-c{animation:auth-chip-bob 4s ease-in-out infinite .8s}.auth-sig-path path{stroke-dasharray:180;stroke-dashoffset:180;animation:auth-sign-draw 2.8s ease-in-out .8s infinite}.auth-trust-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:clamp(.15rem,.8vh,.45rem)}.auth-trust-stat{padding:.45rem .5rem;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.auth-trust-stat strong{display:block;font-size:clamp(.68rem,1.35vh,.78rem);color:#ecfdf5;font-weight:700}.auth-trust-stat span{display:block;font-size:clamp(.6rem,1.2vh,.68rem);color:#94a3b8f2;margin-top:.1rem}.auth-trust-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:clamp(.65rem,1.5vh,.95rem);padding-top:clamp(.55rem,1.3vh,.8rem);border-top:1px solid #eef2f6}.auth-trust-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;color:#475569;padding:.28rem .4rem;border-radius:8px;background:#f8fafc}.auth-trust-item svg{color:var(--auth-teal-deep);flex-shrink:0}.auth-panel-secure-note{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.55rem 0 0;font-size:.68rem;color:#64748b;text-align:center;line-height:1.35}.auth-panel-secure-note svg{color:var(--auth-teal-deep);flex-shrink:0}.auth-trust-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem;margin:.55rem 0 0;padding:0;font-size:clamp(.62rem,1.25vh,.72rem);font-weight:600;letter-spacing:.02em;color:#94a3b8f2}.auth-trust-dot{width:3px;height:3px;border-radius:50%;background:#00a38dbf;flex-shrink:0}.auth-shell-badge.auth-enter{animation:auth-rise .55s cubic-bezier(.22,1,.36,1) .1s forwards,auth-badge-glow 3.6s ease-in-out .85s infinite}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-panel-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes auth-chip-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes auth-orb-drift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-16px) scale(1.06)}}@keyframes auth-icon-float{0%,to{transform:translateY(0) rotate(0);opacity:.75}50%{transform:translateY(-10px) rotate(6deg);opacity:1}}@keyframes auth-sign-draw{0%{stroke-dashoffset:180;opacity:.35}35%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:180;opacity:.35}}@keyframes auth-badge-glow{0%,to{box-shadow:0 0 #00a38d47;border-color:#00a38d59}50%{box-shadow:0 0 18px 2px #00a38d38;border-color:#00a38d8c}}@keyframes auth-submit-sheen{0%,70%{transform:translate(-120%)}85%{transform:translate(120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.auth-enter,.auth-shell-badge.auth-enter,.auth-panel,.auth-shell-preview,.auth-chip-float-a,.auth-chip-float-b,.auth-chip-float-c,.auth-orb,.auth-float-icon,.auth-sig-path path,.auth-submit:after{animation:none!important;opacity:1!important;transform:none!important}.auth-sig-path path{stroke-dashoffset:0}}@media(max-height:900px){.auth-shell[data-mode=register] .auth-panel-secure-note{display:none}}@media(max-height:820px){.auth-trust-proof,.auth-trust-footer,.auth-float-icon,.auth-shell[data-mode=register] .auth-trust-strip{display:none}}@media(max-height:760px){.auth-shell-preview{display:none}.auth-shell-lead{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auth-shell[data-mode=register]{padding-top:1rem;padding-bottom:1rem}.auth-shell[data-mode=register] .auth-shell-right,.auth-shell[data-mode=register] .auth-panel{max-height:calc(100dvh - 2.25rem)}}@media(max-height:640px){.auth-shell-features li:nth-child(n+3){display:none}.auth-trust-strip{grid-template-columns:1fr 1fr}.auth-panel-secure-note{display:none}}@media(max-width:1023px)and (min-width:768px){.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(340px,420px);gap:1.25rem;padding:1.25rem 1.5rem}.auth-shell-title{font-size:clamp(1.45rem,3.2vh,1.9rem)}.auth-shell-preview{width:min(100%,280px);height:clamp(100px,18vh,150px)}.auth-trust-proof,.auth-float-icon{display:none}}@media(max-width:767px){.auth-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;padding:max(2.75rem,env(safe-area-inset-top)) 1.15rem max(1rem,env(safe-area-inset-bottom));align-content:start;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-shell-left{max-width:560px;width:100%;gap:.55rem}.auth-shell-title{font-size:1.55rem}.auth-shell-preview,.auth-trust-proof,.auth-trust-footer,.auth-float-icon,.auth-shell-features{display:none}.auth-shell-right{justify-self:stretch;max-width:none;align-items:flex-start}.auth-panel{max-height:none;overflow:visible;padding:1.35rem 1.25rem;border-radius:18px}.auth-shell-theme-btn{top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right))}}.app-workspace.workspace-contained>.view-container.vault-page{max-width:none;width:100%;margin-inline:0}.vault-page.view-container{--vault-bg: #0b1113;--vault-surface: #111a1d;--vault-surface-2: #162226;--vault-surface-3: #1b2a2e;--vault-border: #293b40;--vault-text: #edf5f5;--vault-muted: #9aafb4;--vault-subtle: #6f858b;--vault-teal: #20b8a5;--vault-teal-2: #32d6c0;--vault-teal-soft: rgba(32, 184, 165, .12);--vault-danger: #ff7272;--vault-success: #38d9a9;--vault-radius: 16px;width:100%;max-width:min(1280px,100%);margin:0 auto;padding:28px 24px 48px;gap:0;color:var(--vault-text);background:transparent}[data-theme=light] .vault-page.view-container{--vault-bg: #f4f7f7;--vault-surface: #ffffff;--vault-surface-2: #eef3f3;--vault-surface-3: #e4ecec;--vault-border: #d2dede;--vault-text: #14201f;--vault-muted: #5d6f6e;--vault-subtle: #7a8d8c;--vault-teal: #0f8f84;--vault-teal-2: #0b6f66;--vault-teal-soft: rgba(15, 143, 132, .12);--vault-danger: #c24141;--vault-success: #0f8f6a}.vault-page .view-content{padding:0}.vault-eyebrow{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--vault-teal-2);font-weight:800;margin-bottom:8px}.vault-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.vault-heading-row h1{font-size:clamp(27px,3vw,36px);letter-spacing:-1.1px;margin:0 0 7px;font-weight:750;color:var(--vault-text)}.vault-subtitle{color:var(--vault-muted);margin:0;max-width:650px;font-size:14px;line-height:1.5}.vault-heading-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.vault-account-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--vault-teal) 45%,var(--vault-border));color:var(--vault-teal-2);border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}.vault-refresh{background:var(--vault-surface-2);border:1px solid var(--vault-border);color:var(--vault-muted);border-radius:10px;padding:10px 13px;font:inherit;font-weight:650;cursor:pointer}.vault-refresh:hover{border-color:var(--vault-teal);color:var(--vault-text)}.vault-tabs{display:flex;align-items:center;gap:5px;padding:6px;background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:13px;margin-bottom:24px;overflow:auto}.vault-tab{border:0;background:transparent;color:var(--vault-muted);padding:12px 15px;border-radius:9px;white-space:nowrap;font:inherit;font-weight:650;cursor:pointer}.vault-tab:hover{color:var(--vault-text)}.vault-tab.active{background:var(--vault-teal);color:#062421}.vault-editor-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:20px;align-items:stretch}.vault-panel{background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:var(--vault-radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}.vault-panel-head{padding:19px 22px;border-bottom:1px solid var(--vault-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.vault-panel-title{font-size:15px;font-weight:750;display:flex;align-items:center;gap:10px;color:var(--vault-text);margin:0}.vault-step{width:26px;height:26px;border-radius:8px;background:var(--vault-teal-soft);color:var(--vault-teal-2);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.vault-panel-body{padding:22px;flex:1 1 auto}.vault-mode-switch{display:flex;gap:4px;background:#0d1517;padding:4px;border-radius:10px;border:1px solid var(--vault-border)}[data-theme=light] .vault-mode-switch{background:var(--vault-surface-2)}.vault-mode-switch button{background:transparent;color:var(--vault-muted);border:0;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}.vault-mode-switch button.active{background:var(--vault-surface-3);color:var(--vault-text)}.vault-canvas-wrap{min-height:210px;border:1px dashed #426067;background:#0d1517;border-radius:13px;position:relative;overflow:hidden}[data-theme=light] .vault-canvas-wrap{background:#f8fafa;border-color:var(--vault-border)}.vault-canvas-wrap .signature-pad-wrapper{gap:.5rem}.vault-canvas-wrap .signature-pad-header{padding:8px 10px 0}.vault-canvas-wrap .canvas-container{min-height:180px;height:180px;border:none;border-radius:0;background:#fff;width:100%;justify-content:flex-start;align-items:flex-start}.vault-canvas-wrap .signature-canvas{display:block;max-width:100%;cursor:crosshair}.vault-canvas-wrap .signature-pad-footer{padding:0 10px 10px}.vault-dropzone{min-height:210px;border:1px dashed #426067;background:#0d1517;border-radius:13px;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--vault-muted);cursor:pointer}[data-theme=light] .vault-dropzone{background:#f8fafa;border-color:var(--vault-border)}.vault-dropzone:hover{border-color:var(--vault-teal);background:var(--vault-teal-soft)}.vault-dropzone strong{display:block;color:var(--vault-text);margin-top:8px;font-size:14px}.vault-dropzone small{display:block;color:var(--vault-subtle);margin-top:6px}.vault-upload-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px;flex-wrap:wrap}.vault-status{font-size:12px;color:var(--vault-muted);min-height:18px}.vault-status.error{color:var(--vault-danger)}.vault-status.success{color:var(--vault-success)}.vault-field{margin-bottom:20px}.vault-field-label,.vault-panel-body label{display:block;color:#c8d7da;font-size:12px;font-weight:700;margin-bottom:9px}[data-theme=light] .vault-field-label,[data-theme=light] .vault-panel-body label{color:var(--vault-muted)}.vault-panel-body input[type=text],.vault-panel-body input[type=password]{width:100%;background:#0c1416;color:var(--vault-text);border:1px solid #30464c;border-radius:9px;padding:12px 13px;outline:none;font:inherit}[data-theme=light] .vault-panel-body input[type=text],[data-theme=light] .vault-panel-body input[type=password]{background:var(--vault-bg);border-color:var(--vault-border)}.vault-helper{font-size:12px;color:var(--vault-subtle);margin-top:7px}.vault-preset-row{display:flex;flex-wrap:wrap;gap:8px}.vault-preset{display:flex;align-items:center;gap:8px;background:#101a1d;color:#c6d4d7;border:1px solid var(--vault-border);padding:8px 11px;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer}[data-theme=light] .vault-preset{background:var(--vault-surface-2);color:var(--vault-text)}.vault-preset .dot{height:10px;width:10px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.56)}.vault-preset.active{border-color:var(--vault-teal);background:var(--vault-teal-soft);color:#eafffc}[data-theme=light] .vault-preset.active{color:var(--vault-teal-2)}.vault-custom-color{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--vault-muted);font-size:12px}.vault-custom-color input[type=color]{width:34px;height:28px;border:1px solid var(--vault-border);background:transparent;border-radius:6px;padding:2px}.vault-scale-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.vault-scale-value{color:var(--vault-teal-2);font-weight:800}.vault-panel-body input[type=range]{width:100%;accent-color:var(--vault-teal);cursor:pointer}.vault-scale-labels{display:flex;justify-content:space-between;color:var(--vault-subtle);font-size:11px;margin-top:4px}.vault-preview{margin-top:22px;border:1px solid var(--vault-border);border-radius:12px;background:#0c1416;padding:14px}[data-theme=light] .vault-preview{background:var(--vault-surface-2)}.vault-preview-head{display:flex;align-items:center;justify-content:space-between;color:var(--vault-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.vault-preview-paper{height:94px;border-radius:8px;background:#f7f8f6;display:grid;place-items:center;overflow:hidden}.vault-preview-paper img{max-height:100%;max-width:92%;object-fit:contain}.vault-check-row{display:flex;align-items:flex-start;gap:11px;background:#101a1d;border:1px solid var(--vault-border);border-radius:10px;padding:13px;margin:3px 0 18px}[data-theme=light] .vault-check-row{background:var(--vault-surface-2)}.vault-check-row input{accent-color:var(--vault-teal);margin-top:3px;width:16px;height:16px;flex-shrink:0}.vault-check-row label{margin:0!important;font-size:13px;color:var(--vault-text);font-weight:600;cursor:pointer}.vault-check-row label span{display:block;color:var(--vault-muted);font-weight:400;margin-top:4px}.vault-security-note{border:1px solid #176b5a;background:#136a5221;padding:13px;border-radius:10px;color:#b8d4ce;font-size:12px;display:flex;gap:11px}.vault-security-note strong{display:block;color:var(--vault-success);font-size:12px;margin-bottom:3px}.vault-panel-footer{border-top:1px solid var(--vault-border);padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.vault-footer-note{font-size:11px;color:var(--vault-subtle)}.vault-primary{border:1px solid var(--vault-teal);background:var(--vault-teal);color:#062421;border-radius:10px;padding:12px 17px;font-weight:800;font:inherit;cursor:pointer;transition:transform .15s,background .15s}.vault-primary:hover:not(:disabled){background:var(--vault-teal-2);transform:translateY(-1px)}.vault-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.vault-secondary{border:1px solid var(--vault-border);background:var(--vault-surface-2);color:var(--vault-text);border-radius:10px;padding:11px 15px;font-weight:650;font:inherit;cursor:pointer}.vault-mpin-wrap{position:relative}.vault-mpin-wrap input{padding-right:2.5rem}.vault-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--vault-muted);cursor:pointer;padding:4px;display:inline-flex}.vault-saved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.vault-saved-toolbar h2{margin:0 0 5px;font-size:21px;color:var(--vault-text)}.vault-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.vault-saved-card{background:var(--vault-surface);border:1px solid var(--vault-border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}.vault-saved-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.vault-saved-top h3{font-size:14px;margin:0;color:var(--vault-text)}.vault-status-pill{font-size:11px;border-radius:999px;padding:5px 8px;background:var(--vault-teal-soft);color:var(--vault-teal-2);font-weight:750;white-space:nowrap}.vault-saved-preview{height:105px;border-radius:9px;background:#f7f8f6;display:grid;place-items:center;overflow:hidden}.vault-saved-preview img{max-height:90px;max-width:92%;object-fit:contain}.vault-saved-card p{color:var(--vault-muted);font-size:12px;margin:0}.vault-empty-panel{padding:44px 20px;text-align:center;border:1px dashed var(--vault-border);border-radius:14px;color:var(--vault-muted)}.vault-empty-panel strong{display:block;color:var(--vault-text);font-size:16px;margin:10px 0 5px}.vault-audit-panel .vault-audit-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid var(--vault-border)}.vault-audit-panel .vault-audit-row:last-child{border:0}.vault-audit-panel .vault-audit-row strong{display:block;color:var(--vault-text)}.vault-audit-panel .vault-audit-row small{color:var(--vault-muted)}.vault-page .module-hero,.vault-page>.view-header{display:none}@media(max-width:1100px){.vault-editor-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}}@media(max-width:820px){.vault-page.view-container{padding:20px 16px 40px}.vault-editor-grid{grid-template-columns:1fr}.vault-heading-row{flex-direction:column}.vault-panel-body{padding:18px}.vault-panel-head{padding:16px 18px}.vault-panel-footer{padding:14px 18px;flex-direction:column-reverse;align-items:stretch}.vault-primary{width:100%}.vault-footer-note{text-align:center}}@media(max-width:560px){.vault-tab{padding:10px 12px;font-size:12px}.vault-saved-grid{grid-template-columns:1fr}}