*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.5;-webkit-text-size-adjust:100%}.container{max-width:960px;margin:0 auto;padding:1rem}.card{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:#fff;border-radius:8px;padding:.75rem;text-align:center;box-shadow:0 1px 3px #0000001a}.stat-card .value{font-size:1.5rem;font-weight:700;color:#2563eb}.stat-card .label{font-size:.8rem;color:#666;margin-top:.15rem}input,select,button{font-family:inherit;font-size:.95rem;padding:.5rem .75rem;border-radius:6px;border:1px solid #ddd;outline:none;min-width:0}input:focus,select:focus{border-color:#2563eb}button{cursor:pointer;background:#2563eb;color:#fff;border:none;font-weight:500;transition:background .2s;white-space:nowrap}button:hover{background:#1d4ed8}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#6b7280}button.danger{background:#dc2626}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.25rem}.form-group input,.form-group select{width:100%}.nav{background:#1e293b;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem}.nav .brand{flex-shrink:0;display:flex;align-items:center;text-decoration:none}.nav-links{display:flex;align-items:center;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;flex:1}.nav-links::-webkit-scrollbar{display:none}.nav a{color:#94a3b8;text-decoration:none;font-size:.8rem;padding:.3rem .5rem;border-radius:4px;white-space:nowrap}.nav a:hover,.nav a.active{color:#fff;background:#ffffff1a}.nav-user{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:500px}th,td{padding:.5rem;text-align:left;border-bottom:1px solid #eee;font-size:.9rem}th{font-size:.8rem;color:#666;font-weight:600}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-green{background:#dcfce7;color:#16a34a}.progress-bar{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden;margin-top:.5rem}.progress-bar .fill{height:100%;background:#2563eb;border-radius:999px;transition:width .3s}.flex{display:flex;flex-wrap:wrap}.flex-between{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.text-sm{font-size:.85rem}.text-muted{color:#666}.action-btns{display:flex;gap:.3rem;flex-wrap:wrap}@media (max-width: 768px){.container,.card{padding:.75rem}h2{font-size:1.25rem}h3{font-size:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-card .value{font-size:1.25rem}.nav{padding:.5rem;gap:.5rem}.nav .brand img{height:24px!important}.nav a{font-size:.75rem;padding:.25rem .35rem}.nav-user span{display:none}table{min-width:450px}th,td{padding:.4rem .35rem;font-size:.8rem}.flex.gap-sm,.flex.gap-md{flex-direction:column}.flex.gap-sm input,.flex.gap-sm select,.flex.gap-sm button{width:100%}div[style*="gridTemplateColumns: '1fr 1fr'"],div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.5rem}.stat-card .value{font-size:1.1rem}.stat-card .label{font-size:.7rem}.nav{gap:.3rem}.nav a{font-size:.7rem;padding:.2rem .25rem}table{min-width:380px}th,td{padding:.3rem .25rem;font-size:.75rem}button{padding:.4rem .6rem;font-size:.85rem}input,select{font-size:.9rem;padding:.4rem .6rem}}.responsive-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr}}