:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}.auth-container{background:var(--card-bg);border-radius:8px;max-width:400px;margin:100px auto;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:.75rem;font-size:1rem}.btn{background:var(--primary-color);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--primary-hover)}.btn-secondary{background:#64748b}.btn-secondary:hover{background:#475569}.navbar{background:var(--card-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-top:1.5rem;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th,td{border-bottom:1px solid var(--border-color);padding:1rem}tr.clickable-row{cursor:pointer;transition:background .2s}tr.clickable-row:hover{background:#f1f5f9}.pagination{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.pagination-buttons{gap:.5rem;display:flex}.page-num-btn{border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:4px;padding:.5rem .75rem}.page-num-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;margin-bottom:1rem;padding:1rem}