html,body,#root{width:100%;min-height:100%}body{margin:0}*{box-sizing:border-box}body{color:#1f2937;background:#f5f7fb;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font-family:inherit}.app{min-height:100vh;padding:30px}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header h1{margin:0;font-size:28px;font-weight:700}.page-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.total-box{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:120px;padding:12px 20px}.total-box span{color:#6b7280;font-size:12px;display:block}.total-box strong{margin-top:4px;font-size:22px;display:block}.search-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:flex-end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.search-field{flex-direction:column;gap:6px;display:flex}.search-field label{color:#374151;font-size:13px;font-weight:600}.search-field input{border:1px solid #d1d5db;border-radius:6px;outline:none;width:300px;height:40px;padding:0 12px;font-size:14px}.search-field input:focus{border-color:#2563eb}.search-button,.clear-button,.refresh-button{cursor:pointer;border:none;border-radius:6px;height:40px;padding:0 18px;font-size:14px;font-weight:600}.search-button{color:#fff;background:#2563eb}.search-button:hover{background:#1d4ed8}.clear-button{color:#374151;background:#e5e7eb}.clear-button:hover{background:#d1d5db}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.table-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:60px;padding:0 18px;display:flex}.table-header h2{margin:0;font-size:18px}.refresh-button{color:#374151;background:#f3f4f6}.refresh-button:hover{background:#e5e7eb}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:950px}thead{background:#f9fafb}th{text-align:left;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:12px;font-weight:700}td{border-bottom:1px solid #f0f0f0;padding:13px 15px;font-size:14px}tbody tr:hover{background:#fafafa}.document-no{color:#2563eb;font-weight:600}.file-info{align-items:center;gap:10px;display:flex}.pdf-icon{color:#dc2626;background:#fee2e2;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:flex}.file-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:600;overflow:hidden}.server-name{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:3px;font-size:11px;overflow:hidden}.download-button{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600}.download-button:hover{background:#15803d}.empty{text-align:center;vertical-align:middle;color:#6b7280;height:150px}@media (width<=700px){.app{padding:15px}.page-header{align-items:flex-start;gap:15px}.page-header h1{font-size:22px}.total-box{min-width:90px;padding:10px}.search-card{flex-direction:column;align-items:stretch}.search-field input,.search-button,.clear-button{width:100%}}