html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.App{width:100vw;height:100vh;display:flex;flex-direction:column}.header{width:100%;height:60px;color:#fff;background:#01035c;padding:8px 8px 8px 16px}.webviewer{width:100%;min-height:0}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%}.header-title{flex:1}.header-buttons{display:flex;gap:12px;align-items:center}.primary-btn{padding:8px 16px;background-color:#007acc;margin-right:30px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.primary-btn:hover{background-color:#005a9e}.secondary-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.secondary-btn:hover{background-color:#c82333}.secondary-btn:disabled{background-color:#6c757d;cursor:not-allowed}.back-btn{padding:8px 16px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.back-btn:hover{background-color:#545b62}.landing{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background-color:#f8f9fa}.landing-title{font-size:18px;color:#333;text-align:center}.webviewer-container,.xfdf-viewer-container{flex:1;display:flex;flex-direction:column;min-height:0}.webviewer-container.pdf-active{display:flex}.webviewer-container.xfdf-active,.xfdf-viewer-container.pdf-active{display:none}.xfdf-viewer-container.xfdf-active{display:block}.xfdf-viewer{font-family:Courier New,monospace;margin:20px;background-color:#f5f5f5;min-height:100vh;line-height:1.4}.xfdf-navigation{padding:10px;background:#f0f0f0;border-bottom:1px solid #ccc}.xfdf-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:20px}.xfdf-header{background-color:#007acc;color:#fff;padding:12px;margin:-20px -20px 16px;border-radius:8px 8px 0 0}.xfdf-header h3{margin:0;font-size:18px}.xfdf-content{white-space:pre-wrap;word-wrap:break-word;background-color:#f8f9fa;padding:15px;border:1px solid #e9ecef;border-radius:4px;overflow-x:auto;font-size:14px;color:#333;max-height:70vh;overflow-y:auto}.xfdf-copy-btn{display:inline-block;background-color:#007acc;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;margin:0 8px 12px 0;font-size:14px;transition:background-color .2s ease}.xfdf-copy-btn:hover{background-color:#005a9e}.xfdf-format-btn{display:inline-block;background-color:#007acc;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;margin:0 8px 12px 0;font-size:14px;transition:background-color .2s ease}.send-annotations-btn{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .2s ease;box-shadow:0 2px 8px #00000026}.xfdf-format-btn:hover{background-color:#005a9e}.xfdf-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.xfdf-actions-left{display:flex;align-items:center}.xfdf-actions-left .xfdf-copy-btn,.xfdf-actions-left .xfdf-format-btn{margin:0 8px 0 0}.xfdf-actions-right{display:flex;align-items:center}.xfdf-copy-btn,.xfdf-format-btn,.send-annotations-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:14px;border-radius:6px;line-height:1;min-height:36px}.send-annotations-container{position:fixed;bottom:20px;right:20px;z-index:1000}.send-annotations-btn:hover{background-color:#218838}.send-annotations-btn:disabled{background-color:#6c757d;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;text-align:center}.modal-content h3{margin:0 0 16px;color:#333;font-size:20px}.modal-content p{margin:0 0 24px;color:#666;line-height:1.5}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-buttons .primary-btn,.modal-buttons .secondary-btn{min-width:80px}