*{box-sizing:border-box}body{color:#1e2a3e;background:#f3f6fc;margin:0;padding:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1400px;margin:0 auto}.card{background:#fff;border-radius:20px;margin-bottom:18px;padding:18px 20px;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:14px;font-size:1.25rem;font-weight:600;display:flex}.btn{cursor:pointer;color:#1e40af;background:#eef2ff;border:none;border-radius:40px;padding:8px 16px;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 10px;font-size:.8rem}.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-content{background:#fff;border-radius:20px;width:92%;max-width:480px;max-height:85vh;padding:20px;overflow-y:auto;box-shadow:0 20px 35px #0003}.modal-content h3{margin-top:0;margin-bottom:16px}.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:20px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;padding:12px;display:flex}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{font-size:.8rem;font-weight:600}.table-container{background:#fff;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 2px 8px #0000000a}table{border-collapse:collapse;width:100%;min-width:600px;font-size:.9rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 10px}th{background:#f8fafc;font-weight:600}.table-select{border:1px solid #ddd;border-radius:6px;padding:4px 6px;font-size:.85rem}.stats-grid{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.stat-card{text-align:center;background:#f1f5f9;border-radius:24px;flex:1;min-width:140px;padding:16px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:16px 0;display:flex}.page-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px}.page-btn:disabled{opacity:.5;cursor:not-allowed}.loading-center,.empty-state{text-align:center;color:#64748b;padding:30px 0}@media (width<=700px){body{padding:8px}.stats-grid{flex-direction:column;gap:12px}.stat-card{min-width:unset}.filter-bar{flex-direction:column;align-items:stretch;gap:10px}.filter-group{width:100%}.card{border-radius:16px;padding:14px 16px}.card-header{font-size:1.1rem}}