:root{--color-primary: #594db3;--color-brand-hover: #6355D8;--color-brand-subtle: #F0EEFC;--color-surface-bg: #F8F9FC;--color-border-subtle: #E2E8F0;--color-on-surface: #0b1c30;--color-on-surface-variant: #474552;--color-secondary: #595f69;--color-surface-container-lowest: #ffffff;--color-surface-container-low: #eff4ff;--color-surface-container: #e5eeff;--color-surface-container-high: #dce9ff;--color-surface-container-highest: #d3e4fe;--color-status-pass: #10B981;--color-status-pass-bg: #ECFDF5;--color-status-fail: #EF4444;--color-status-fail-bg: #FEF2F2;--color-status-warn: #F59E0B;--color-status-warn-bg: #FFFBEB;--color-status-info: #3B82F6;--color-status-info-bg: #EFF6FF;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(11, 28, 48, .05);--shadow-md: 0 4px 6px -1px rgba(11, 28, 48, .08), 0 2px 4px -2px rgba(11, 28, 48, .05);--shadow-lg: 0 10px 15px -3px rgba(11, 28, 48, .1), 0 4px 6px -4px rgba(11, 28, 48, .05);--shadow-primary: 0 4px 14px 0 rgba(89, 77, 179, .25)}*{box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-surface-bg);color:var(--color-on-surface);margin:0;padding:0;-webkit-font-smoothing:antialiased}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;line-height:1}.material-symbols-outlined[data-weight=fill],.material-symbols-outlined.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .2s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 8px #10b98100}}.pulse-synced{animation:pulseGlow 2.5s infinite}.signature-canvas-wrapper{touch-action:none;background:#fff;border:1.5px dashed #cbd5e1;border-radius:.75rem;overflow:hidden;position:relative;transition:border-color .2s}.signature-canvas-wrapper:hover,.signature-canvas-wrapper:focus-within{border-color:var(--color-primary)}.device-frame-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:1.5rem 1rem 3rem;min-height:calc(100vh - 64px);background:radial-gradient(circle at top center,#e2e8f0,#cbd5e1)}.mobile-device-shell{width:390px;max-width:100%;height:844px;background:#000;border-radius:48px;padding:12px;box-shadow:0 25px 50px -12px #0f172a66,0 0 0 1px #fff3 inset;position:relative;display:flex;flex-direction:column}.mobile-screen-viewport{width:100%;height:100%;background:var(--color-surface-bg);border-radius:36px;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.mobile-notch{width:120px;height:24px;background:#000;position:sticky;top:0;left:50%;transform:translate(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:100;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-speaker{width:48px;height:4px;background:#27272a;border-radius:2px}.mobile-camera{width:8px;height:8px;background:#18181b;border-radius:50%}.checklist-btn{height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.5rem;font-weight:600;font-size:14px;transition:all .15s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.checklist-btn:active{transform:scale(.96)}.checklist-btn.active-pass{background-color:var(--color-status-pass-bg)!important;color:#065f46!important;border:2px solid var(--color-status-pass)!important}.checklist-btn.active-fail{background-color:var(--color-status-fail-bg)!important;color:#991b1b!important;border:2px solid var(--color-status-fail)!important}.checklist-btn.active-na{background-color:#f1f5f9!important;color:#475569!important;border:2px solid #94a3b8!important}@media print{body{background:#fff!important}.no-print{display:none!important}.print-only{display:block!important}}