html,body{color:#111827;background:#f3f4f6;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-height:100vh}button,input{font:inherit}.page-shell{max-width:1120px;margin:0 auto;padding:48px 24px 72px}.page-shell-centered{justify-content:center;align-items:center;min-height:100vh;display:flex}.gate-panel,.documents-table-shell,.viewer-modal{background:#fff;border:1px solid #e5e7eb;box-shadow:0 16px 40px #0f172a14}.gate-panel{border-radius:24px;width:100%;max-width:440px;padding:32px}.gate-title,.documents-title,.document-name,.viewer-title{margin:0}.gate-title{letter-spacing:-.02em;font-size:28px;line-height:1.15}.gate-copy,.file-count,.document-meta,.viewer-subtitle,.form-error,.viewer-loading{color:#6b7280}.gate-copy{margin:12px 0 0;line-height:1.6}.passcode-form{gap:12px;margin-top:24px;display:grid}.passcode-input{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:13px 15px}.passcode-input::placeholder{color:#9ca3af}.passcode-input:focus{border-color:#111827;outline:2px solid #1118271a}.gate-copy code{font-family:inherit;font-weight:700}.button{color:#111827;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.7;cursor:wait;transform:none}.button-primary{color:#fff;background:#111827}.button-secondary{color:#111827;background:#fff;border-color:#d1d5db}.button-ghost{color:#374151;background:#fff;border-color:#e5e7eb}.button-icon{background:#fff;border-color:#d1d5db;min-width:40px;min-height:40px;padding:0;font-size:24px;line-height:1}.button-full{width:100%}.form-error{color:#b91c1c;margin:12px 0 0;font-size:14px}.documents-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.documents-title-group{align-items:center;gap:12px;display:flex}.folder-icon{background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.folder-icon svg{fill:#6b7280;width:24px;height:24px}.documents-title{letter-spacing:-.02em;font-size:28px;line-height:1.15}.file-count{margin:20px 0 16px;font-size:14px}.documents-table-shell{border-radius:24px;overflow-x:auto}.documents-table{border-collapse:separate;border-spacing:0;width:100%;min-width:860px}.documents-table th,.documents-table td{text-align:left;vertical-align:middle;padding:18px 20px}.documents-table th{color:#6b7280;letter-spacing:.08em;text-transform:uppercase;background:#f9fafb;font-size:12px;font-weight:700}.documents-table thead th{border-bottom:1px solid #e5e7eb}.documents-table tbody tr+tr td{border-top:1px solid #e5e7eb}.empty-state{padding:48px 24px}.documents-table th:first-child,.documents-table td:first-child{width:46%}.documents-table th:nth-child(2),.documents-table td:nth-child(2){width:12%}.documents-table th:nth-child(3),.documents-table td:nth-child(3){width:20%}.documents-table th:nth-child(4),.documents-table td:nth-child(4){width:22%}.document-row-main{align-items:center;display:flex}.document-name{word-break:break-word;font-size:17px;line-height:1.35}.document-meta{margin:6px 0 0;font-size:14px}.document-cell{color:#374151;margin:0;font-size:14px}.document-patient{font-weight:600}.document-actions,.viewer-header-actions{flex-wrap:wrap;gap:10px;display:flex}.document-actions-row{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start}.modal-backdrop{z-index:30;background:#1118278f;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.viewer-modal{border-radius:24px;width:min(1040px,100%);height:min(82vh,760px);overflow:hidden}.viewer-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.viewer-title{font-size:20px;line-height:1.3}.viewer-subtitle{margin:6px 0 0;font-size:14px}.viewer-frame-shell{background:#e5e7eb;height:calc(100% - 89px);padding:12px}.viewer-frame,.viewer-loading{background:#fff;border:0;border-radius:16px;width:100%;height:100%}.viewer-loading{justify-content:center;align-items:center;display:flex}@media (max-width:760px){.page-shell{padding:32px 16px 48px}.documents-table th,.documents-table td{padding:16px}.documents-header,.viewer-header{flex-direction:column;align-items:flex-start}.viewer-modal{height:min(88vh,760px)}.viewer-frame-shell{height:calc(100% - 130px)}}