body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-slide-in{animation:slideIn .3s ease-out}.input{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;font-size:1rem;padding:.75rem;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.btn{align-items:center;border:1px solid #0000;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.75rem 1rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.document-upload-area{transition:all .2s ease-in-out}.document-upload-area:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.document-upload-area.drag-active{background-color:#6366f10d;border-color:#6366f1;transform:scale(1.02)}.document-preview-image{border:1px solid #e5e7eb;border-radius:8px;max-height:128px;object-fit:contain}.document-item{transition:all .2s ease-in-out}.document-item:hover{background-color:#f9fafb;border-color:#d1d5db}.document-action-button{border-radius:6px;padding:8px;transition:all .2s ease-in-out}.document-action-button:hover{transform:scale(1.1)}.file-type-icon{align-items:center;background-color:#f3f4f6;border-radius:8px;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.upload-progress-bar{background-color:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);height:100%;transition:width .3s ease}.upload-loading{overflow:hidden;position:relative}.upload-loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.document-grid{grid-template-columns:1fr}.document-actions{flex-direction:column;gap:8px}.document-item{padding:12px}}@media print{.document-action-button,.upload-button{display:none}}