.document-upload{max-width:800px;margin:0 auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a}.document-upload h2{margin-top:0;color:#333;margin-bottom:20px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;margin-bottom:8px;font-weight:700;color:#555}input[type=text]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}input[type=file]{display:block;margin-top:5px;border:1px dashed #ccc;padding:10px;border-radius:4px;width:100%}.preview-container{margin-top:10px;height:150px;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#fff}.file-preview{max-width:100%;max-height:100%;object-fit:contain}.submit-button{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;font-size:16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s;width:100%;margin-top:10px}.submit-button:hover{background-color:#43a047}.submit-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.upload-error{background-color:#ffebee;color:#d32f2f;padding:10px;border-radius:4px;margin-bottom:15px}.upload-success{background-color:#e8f5e9;color:#2e7d32;padding:10px;border-radius:4px;margin-bottom:15px}@media (max-width: 600px){.form-row{grid-template-columns:1fr;gap:10px}}.document-viewer{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.document-header{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.document-header h2{margin:0 0 10px;color:#333}.document-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.document-image-container{display:flex;flex-direction:column;align-items:center;background-color:#f9f9f9;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.document-image-container h3{margin-top:0;margin-bottom:15px;color:#444}.image-wrapper{width:100%;height:300px;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:15px}.document-image{max-width:100%;max-height:100%;object-fit:contain}.download-button{background-color:#4a90e2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.download-button:hover{background-color:#357bd8}.document-loader{text-align:center;padding:40px;font-size:18px;color:#666}.document-error{text-align:center;padding:40px;font-size:18px;color:#e53935;background-color:#ffebee;border-radius:8px}.app-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.app-header h1{margin:0;color:#333}.new-document-button{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.new-document-button:hover{background-color:#357bd8}.content-container{display:grid;grid-template-columns:300px 1fr;gap:20px;min-height:600px}.document-list{background-color:#f5f5f5;border-radius:8px;padding:15px;box-shadow:0 2px 4px #0000001a}.document-list h2{margin-top:0;margin-bottom:15px;font-size:18px;color:#444}.document-list ul{list-style:none;padding:0;margin:0}.document-list li{padding:10px;border-radius:4px;margin-bottom:5px;cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.document-list li:hover{background-color:#e9e9e9}.document-list li.selected{background-color:#e3f2fd;color:#1565c0;font-weight:700}.document-date{font-size:12px;color:#777}.document-display{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.no-document-selected{display:flex;justify-content:center;align-items:center;height:100%;color:#777;font-style:italic}@media (max-width: 768px){.content-container{grid-template-columns:1fr}.document-list{margin-bottom:20px}}