:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#eef2ff}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}input,button{font:inherit}button{cursor:pointer}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:linear-gradient(180deg,#312e81,#4f46e5);color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.nav-links{display:grid;gap:12px;margin-top:24px}.nav-links a{padding:12px 14px;border-radius:12px;background:#ffffff14}.content-shell{padding:32px}.page-stack{display:grid;gap:20px}.page-header-row{display:flex;justify-content:space-between;gap:16px;align-items:end}.search-row{display:flex;gap:10px;align-items:center}.search-row input{min-width:280px}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 16px 40px #4f46e51f}.auth-card{width:min(420px,100%)}.form-stack{display:grid;gap:12px}.muted{color:#6b7280}.error-text{color:#dc2626}.primary-btn,.secondary-btn{border:none;border-radius:14px;padding:12px 16px}.primary-btn{background:#4f46e5;color:#fff}.secondary-btn{background:#e5e7eb;color:#111827}.danger-btn{background:#fee2e2;color:#991b1b}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:grid;gap:8px}.stat-card strong{font-size:34px;color:#4f46e5}.table-card{overflow:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;vertical-align:top;text-align:left}.user-cell{display:grid;gap:4px}.user-cell.compact{gap:2px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;text-transform:uppercase}.badge-green{background:#dcfce7;color:#166534}.badge-red{background:#fee2e2;color:#991b1b}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-gray{background:#e5e7eb;color:#374151}.action-stack{display:grid;gap:8px;min-width:140px}.spinner{width:40px;height:40px;border-radius:999px;border:4px solid #c7d2fe;border-top-color:#4f46e5;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.sidebar{gap:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header-row,.search-row{flex-direction:column;align-items:stretch}.search-row input{min-width:0}}