.pdf-viewer{display:flex;flex-direction:column;height:100%;background:#f3f4f6;border-radius:8px;overflow:hidden}.pdf-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:white;border-bottom:1px solid #e5e7eb;gap:20px;flex-wrap:wrap}.pdf-navigation{display:flex;align-items:center;gap:12px}.page-info{font-size:14px;color:#6b7280;min-width:100px;text-align:center}.pdf-zoom{display:flex;gap:8px;align-items:center}.btn-small{padding:6px 12px;font-size:13px;border:1px solid #d1d5db;background:white;border-radius:4px;cursor:pointer;transition:all .2s}.btn-small:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-small:disabled{opacity:.5;cursor:not-allowed}.drawing-mode-indicator{display:flex;align-items:center;gap:12px}.drawing-badge{background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.drawing-hint{color:#6b7280;font-size:13px}.pdf-canvas-container{flex:1;position:relative;overflow:auto;background:#e5e7eb;display:flex;justify-content:center;align-items:flex-start;padding:20px}.pdf-canvas{box-shadow:0 4px 6px #0000001a;background:white;max-width:100%;height:auto;position:relative;z-index:1}.pdf-overlay{pointer-events:auto;z-index:10}.pdf-region{position:absolute;pointer-events:auto;z-index:10}.pdf-region.existing{border:2px solid #9333ea;background:rgba(147,51,234,.1);display:flex;align-items:flex-start;justify-content:flex-start;padding:4px;cursor:pointer;transition:all .2s}.pdf-region.existing:hover{border-color:#7e22ce;background:rgba(147,51,234,.15)}.pdf-region.existing.selected{border-color:#7e22ce;background:rgba(147,51,234,.2);box-shadow:0 0 0 1px #7e22ce}.pdf-region.drawing{border:2px dashed #10b981;background:rgba(16,185,129,.1)}.region-label{background:#9333ea;color:#fff;font-size:11px;padding:2px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}.resize-handle{position:absolute;width:8px;height:8px;background:#1d4ed8;border:1px solid white;border-radius:50%;pointer-events:auto}.resize-handle.nw{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.ne{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.se{bottom:-4px;right:-4px;cursor:se-resize}.app{display:flex;flex-direction:column;height:100vh;background:#fafafa;color:#333}.app-body{display:flex;flex:1;overflow:hidden}.header{background:white;border-bottom:1px solid #e0e0e0;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a;z-index:10}.header-left{display:flex;align-items:center;gap:16px}.header-logo{font-size:24px;font-weight:600;color:#2563eb;margin:0}.header-divider{width:1px;height:32px;background:#e0e0e0}.header-info{display:flex;flex-direction:column;gap:2px}.header-stage{font-size:14px;font-weight:500;color:#666}.header-template{font-size:12px;color:#999}.header-actions{display:flex;gap:12px}.btn{padding:8px 16px;border-radius:6px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9}.sidebar{width:280px;background:white;border-right:1px solid #e0e0e0;padding:24px 0;overflow-y:auto}.sidebar-section{padding:0 24px;margin-bottom:32px}.sidebar-title{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.workflow-stages{display:flex;flex-direction:column;gap:4px}.stage-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500}.stage-item:hover{background:#f8fafc}.stage-item.active{background:#eff6ff;color:#2563eb}.stage-item.completed{color:#059669}.stage-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.stage-icon.pending{background:#f1f5f9;color:#64748b}.stage-icon.active{background:#2563eb;color:#fff}.stage-icon.completed{background:#059669;color:#fff}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-header{padding:24px 32px;background:white;border-bottom:1px solid #e0e0e0}.content-title{font-size:28px;font-weight:600;color:#1f2937;margin:0 0 8px}.content-description{font-size:16px;color:#6b7280;margin:0}.content-body{flex:1;padding:32px;overflow-y:auto}.upload-area{border:2px dashed #d1d5db;border-radius:12px;padding:48px 32px;text-align:center;transition:all .2s;cursor:pointer;background:white}.upload-area:hover{border-color:#2563eb;background:#fefeff}.upload-area.dragover{border-color:#2563eb;background:#eff6ff;border-style:solid}.upload-icon{width:48px;height:48px;margin:0 auto 16px;color:#9ca3af}.upload-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.upload-subtitle{font-size:14px;color:#6b7280;margin:0 0 24px}.upload-formats{font-size:12px;color:#9ca3af;margin:0}.progress-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin:16px 0}.progress-fill{height:100%;background:#2563eb;border-radius:2px;transition:width .3s ease}.dashboard{padding:32px;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.dashboard-filters{display:flex;gap:8px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.filter-btn{padding:8px 16px;border-radius:20px;border:1px solid #e5e7eb;background:white;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#d1d5db;background:#f9fafb}.filter-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.dashboard-loading,.empty-state{text-align:center;padding:64px 32px;color:#6b7280}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:24px}.template-card{background:white;border-radius:12px;padding:24px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.template-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.template-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.template-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px}.template-meta{flex:1;min-width:0}.template-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.template-program{font-size:14px;color:#6b7280;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.template-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:.5px}.template-progress{margin-bottom:20px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-text{font-size:14px;font-weight:500;color:#374151}.progress-eta{font-size:12px;color:#6b7280}.template-workflow{margin-bottom:16px;padding:8px 0}.workflow-chevrons{display:flex;align-items:stretch;height:32px;position:relative;overflow:hidden;border-radius:4px}.workflow-chevron{flex:1;position:relative;display:flex;align-items:center;padding:0 22px 0 20px;background-color:#e5e7eb;color:#6b7280;font-size:10px;font-weight:500;transition:all .2s;cursor:default}.workflow-chevron:before,.workflow-chevron:after{content:"";position:absolute;top:0;border:0 solid white;border-left-color:inherit;transition:all .2s}.workflow-chevron:before{left:0;border-width:16px 0 16px 12px;border-left-color:#fff}.workflow-chevron.first:before{display:none}.workflow-chevron:after{right:-12px;border-width:16px 0 16px 12px;border-left-color:inherit;background-color:transparent;z-index:1}.workflow-chevron.last:after{display:none}.workflow-chevron.last{margin-right:0;padding-right:16px;border-top-right-radius:4px;border-bottom-right-radius:4px}.workflow-chevron.first{padding-left:16px;border-top-left-radius:4px;border-bottom-left-radius:4px}.workflow-chevron.completed{background-color:#10b981;color:#fff}.workflow-chevron.completed:after{border-left-color:#10b981}.workflow-chevron.current{background-color:#3b82f6;color:#fff;animation:pulse-chevron 2s infinite}.workflow-chevron.current:after{border-left-color:#3b82f6}@keyframes pulse-chevron{0%,to{opacity:1}50%{opacity:.85}}.workflow-chevron.skipped{background-color:#fbbf24;color:#78350f}.workflow-chevron.skipped:after{border-left-color:#fbbf24}.chevron-content{display:flex;align-items:center;gap:4px;position:relative;z-index:2}.chevron-icon{font-size:12px}.chevron-label{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.template-users{display:flex;align-items:center;gap:4px}.user-label{color:#9ca3af}.user-name{font-weight:500;color:#374151}.user-separator{margin:0 8px;color:#d1d5db}.template-date{font-weight:500}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-2{gap:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mr-2{margin-right:8px}.ml-2{margin-left:8px}.hidden{display:none}.config-section{max-width:800px;margin:0 auto}.stampz-preview{display:grid;grid-template-columns:2fr 1fr;gap:32px;margin-bottom:32px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stampz-info{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;align-items:center;gap:12px}.info-row label{font-weight:600;color:#374151;min-width:100px}.url-display{font-family:Monaco,Menlo,monospace;background:white;padding:8px 12px;border-radius:6px;border:1px solid #d1d5db;color:#2563eb;display:flex;align-items:center}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fbbf24;color:#fff}.status-active{background:#10b981;color:#fff}.qr-preview{display:flex;align-items:center;justify-content:center}.qr-placeholder{text-align:center;padding:24px;background:white;border-radius:12px;border:2px dashed #d1d5db;color:#6b7280}.qr-placeholder p{margin:8px 0 4px;font-weight:500}.qr-placeholder small{color:#9ca3af}.custom-url-section{margin-top:24px;padding:24px;background:white;border-radius:12px;border:1px solid #e2e8f0}.url-input-group{display:flex;align-items:center;margin:16px 0}.url-prefix{padding:10px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;font-family:Monaco,Menlo,monospace;color:#6b7280}.url-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-left:none;border-radius:0 8px 8px 0;font-family:Monaco,Menlo,monospace;outline:none}.url-input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.custom-url-actions{display:flex;gap:12px;justify-content:flex-end}.next-steps{margin:32px 0;padding:24px;background:white;border-radius:12px;border:1px solid #e2e8f0}.next-steps h4{margin:0 0 16px;color:#374151}.next-steps ul{margin:0;padding-left:20px;color:#6b7280}.next-steps li{margin-bottom:8px}.btn-small{padding:4px 8px;font-size:12px}.server-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:white;font-size:14px;min-width:200px;cursor:pointer;transition:border-color .2s}.server-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.upload-metadata{max-width:600px;margin:0 auto}.selected-file{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:32px}.file-icon{font-size:32px}.file-info{flex:1}.file-info h3{margin:0 0 4px;font-size:16px;color:#374151}.file-info p{margin:0;color:#6b7280;font-size:14px}.metadata-form{background:white;padding:24px;border-radius:12px;border:1px solid #e2e8f0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.form-group label.required:after{content:" *";color:#dc2626}.form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-help{display:block;margin-top:4px;font-size:12px;color:#6b7280}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.review-summary{margin-bottom:32px}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.summary-card{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.summary-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px}.summary-content{flex:1}.summary-number{font-size:20px;font-weight:700;color:#1f2937;margin:0}.summary-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-legend{margin-bottom:32px;padding:20px;background:white;border-radius:12px;border:1px solid #e2e8f0}.role-legend h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.legend-items{display:flex;flex-wrap:wrap;gap:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.legend-label{font-size:14px;color:#374151;font-weight:500}.pages-overview{margin-bottom:32px}.pages-overview h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.page-overview{background:white;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000001a}.page-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.page-number{font-size:14px;font-weight:600;color:#374151}.page-badges{display:flex;gap:8px}.page-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;background:#e2e8f0;color:#64748b}.page-badge.erx-badge{background:#f3e8ff;color:#7c3aed}.page-badge.stampz-badge{background:#d1fae5;color:#065f46}.page-canvas-container{padding:20px;display:flex;justify-content:center;background:#f8fafc}.page-canvas{border-radius:8px;box-shadow:0 2px 8px #0000001a;background:white}.field-overlay-review{transition:all .2s ease}.erx-overlay-review{z-index:5}.stampz-overlay-review{z-index:6}.review-actions{display:flex;justify-content:center;padding:32px 0;border-top:1px solid #e2e8f0}.erx-summary{margin:32px 0;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.erx-summary h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.erx-regions-list{display:flex;flex-direction:column;gap:16px}.erx-region-item{background:white;border-radius:8px;border:1px solid #e2e8f0;padding:16px;box-shadow:0 1px 3px #0000001a}.erx-region-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.erx-region-icon{font-size:20px;line-height:1}.erx-region-info{flex:1}.erx-region-label{font-size:16px;font-weight:600;color:#374151;margin-bottom:4px}.erx-region-details{font-size:14px;color:#64748b;display:flex;align-items:center;gap:8px}.required-badge{padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.erx-region-bounds{font-size:12px;color:#9ca3af;font-family:Courier New,monospace;margin-top:8px;padding-top:8px;border-top:1px solid #f3f4f6}.metadata-viewer{margin:32px 0;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.metadata-viewer h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.metadata-content{background:#1f2937;border-radius:8px;padding:16px;max-height:600px;overflow-y:auto;font-family:Courier New,Monaco,monospace;font-size:13px;line-height:1.4}.json-viewer{color:#e5e7eb}.json-root-item{margin-bottom:8px}.json-object-item,.json-array-item{margin-left:20px;margin-bottom:4px}.json-key{color:#60a5fa;font-weight:500;margin-right:8px}.json-string{color:#34d399}.json-number{color:#fbbf24}.json-boolean{color:#f87171}.json-null,.json-undefined{color:#9ca3af;font-style:italic}.json-toggle{color:#a78bfa;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;margin-right:8px;padding:2px 4px;border-radius:3px;transition:background-color .2s}.json-toggle:hover{background-color:#a78bfa33}.json-array-index{color:#9ca3af;margin-right:8px}.json-object-items,.json-array-items{border-left:1px solid #374151;margin-left:8px;padding-left:12px}.block{display:block}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fafafa}#root{min-height:100vh}