.search-section{padding:20px;background:#f8f9fa}
.search-form{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;align-items:end}
.form-group{flex:1;min-width:200px}
.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50}
.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e6ed;border-radius:10px;font-size:1em;transition:all .3s ease}
.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}
.search-btn{padding:12px 30px;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;border-radius:10px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}
.search-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db4d}
.results-section{padding:0 40px 40px}
.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.results-count{color:#7f8c8d;font-size:1.1em}
.invoice-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}
.invoice-card{background:#fff;border:1px solid #e0e6ed;border-radius:15px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden}
.invoice-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}
.invoice-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71)}
.invoice-number{font-size:1.3em;font-weight:700;color:#2c3e50;margin-bottom:15px}
.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}
.detail-item{display:flex;flex-direction:column}
.detail-label{font-size:.9em;color:#7f8c8d;margin-bottom:5px;font-weight:500}
.detail-value{font-size:1.1em;color:#2c3e50;font-weight:600}
.status{padding:6px 12px;border-radius:20px;font-size:.9em;font-weight:600;text-align:center;margin-top:10px}
.status.paid{background:#d4edda;color:#155724}
.invoice-actions{display:flex;gap:10px;margin-top:20px}
.action-btn{flex:1;padding:10px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;text-align:center}
.view-btn{background:#3498db;color:#fff}
.view-btn:hover{background:#2980b9}
.download-btn{background:#2ecc71;color:#fff}
.download-btn:hover{background:#27ae60}
.no-results{text-align:center;padding:60px 20px;color:#7f8c8d}
.no-results h3{font-size:1.5em;margin-bottom:10px}
@media (max-width: 768px) {
.search-form{flex-direction:column}
.invoice-grid{grid-template-columns:1fr}
.header h1{font-size:2em}
.search-section,.results-section{padding:20px}
}