*{box-sizing:border-box}body{color:#1e2a3e;background:#f3f6fc;margin:0;padding:20px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:1400px;margin:0 auto}.card{background:#fff;border-radius:24px;margin-bottom:24px;padding:20px 24px;box-shadow:0 8px 20px #0000000d}.card-header{border-left:5px solid #3b82f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-left:16px;font-size:1.5rem;font-weight:600;display:flex}.btn{cursor:pointer;color:#1e40af;background:#eef2ff;border:none;border-radius:40px;padding:8px 18px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#3b82f6;box-shadow:0 2px 6px #3b82f64d}.btn-primary:hover{background:#2563eb}.btn-danger{color:#b91c1c;background:#fee2e2}.btn-sm{padding:4px 12px;font-size:.85rem}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 20px 35px #0003}.modal-content h3{margin-top:0;margin-bottom:20px}.modal-content div{margin-bottom:12px}.modal-content label{margin-bottom:4px;font-weight:500;display:block}.modal-content input,.modal-content select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px;font-size:.9rem}.filter-bar{background:#f8fafc;border-radius:24px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:15px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{font-size:.8rem;font-weight:600}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 8px}th{background:#f8fafc;font-weight:600}.stats-grid{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.stat-card{text-align:center;background:#f1f5f9;border-radius:28px;flex:1;padding:16px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px}.page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.page-btn:disabled{opacity:.5;cursor:not-allowed}.loading{border:3px solid #f3f3f3;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=700px){.stats-grid{flex-direction:column}table,thead,tbody,th,td,tr{display:block}th{display:none}td{border-bottom:1px solid #ddd;justify-content:space-between;padding:8px;display:flex}td:before{content:attr(data-label);color:#64748b;font-weight:600}.filter-bar{flex-direction:column;align-items:stretch}.filter-group,input,select{width:100%}}