*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:14px;color:#333;margin:0;padding:0;background-color:#f5f5f5}a{color:#4a90d9;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 12px;font-weight:600}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.container{max-width:1400px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f;padding:16px}.table-container{overflow-x:auto;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f}table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}th,td{border:1px solid #e0e0e0;padding:8px 12px;text-align:left;white-space:nowrap}th{background-color:#1a3a5c;color:#fff;font-weight:600;cursor:help}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#e8f4fc}.filters{display:flex;align-items:center;gap:20px;margin-bottom:16px;padding:12px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f}.loading{text-align:center;padding:40px;color:#666}.error{text-align:center;padding:40px;color:#d32f2f}.record-count{margin-top:12px;color:#666;font-size:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#4a90d9;color:#fff}.btn-primary:hover{background-color:#3a80c9}.btn-secondary{background-color:#2a4a6c;color:#fff}.btn-secondary:hover{background-color:#1a3a5c}input[type=text],input[type=number],select{padding:8px 12px;font-size:12px;border:1px solid #e0e0e0;border-radius:4px}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:#4a90d9}label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px}