:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111827;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}a{color:#334155}.starter-shell,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.starter-shell section,.auth-card{max-width:44rem;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;box-shadow:0 18px 50px #0f172a14}.auth-card{max-width:30rem}.auth-heading{margin-bottom:1.5rem}.auth-heading p:last-child{margin-bottom:0;color:#475569;line-height:1.55}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700}h1{margin:.5rem 0 1rem;font-size:clamp(2rem,6vw,3.5rem);line-height:1}.auth-card h1{font-size:clamp(2rem,8vw,2.75rem)}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.45rem;font-weight:600}.auth-form input{width:100%;border:1px solid #cbd5e1;border-radius:.65rem;padding:.8rem .9rem;background:#fff;color:inherit;outline:none}.auth-form input:focus{border-color:#475569;box-shadow:0 0 0 3px #4755691f}.auth-form input[aria-invalid=true]{border-color:#b91c1c}.auth-form small,.form-alert,.auth-alert{color:#b91c1c}.form-alert,.form-success,.auth-alert,.admin-success,.admin-warning{margin:0;border-radius:.65rem;padding:.8rem .9rem;font-size:.9rem;line-height:1.45}.form-alert,.auth-alert{background:#fef2f2}.form-success,.admin-success{color:#166534;background:#f0fdf4}.admin-warning{color:#92400e;background:#fffbeb}.auth-form button,.auth-button-link,.starter-shell button{display:inline-flex;justify-content:center;align-items:center;min-height:2.75rem;border:0;border-radius:.65rem;padding:.75rem 1rem;background:#0f172a;color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.auth-form button:disabled,.starter-shell button:disabled{opacity:.6;cursor:wait}.auth-link{color:#334155;font-size:.9rem;text-align:center}.home-actions{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.admin-shell{display:block;max-width:76rem;margin:0 auto}.admin-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:1.5rem}.admin-header h1{font-size:clamp(2rem,5vw,3rem)}.admin-header p:last-child{color:#475569}.admin-nav{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.admin-nav a{padding:.75rem 1rem;text-decoration:none;font-weight:700;border-bottom:2px solid transparent}.admin-nav a[aria-current=page]{color:#0f172a;border-bottom-color:#0f172a}.admin-list{display:grid;gap:1rem}.admin-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;box-shadow:0 12px 30px #0f172a0d}.admin-card h2{margin:0;font-size:1.15rem}.admin-card-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.admin-muted{color:#64748b;font-size:.8rem;overflow-wrap:anywhere}.role-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .65rem;background:#f1f5f9;font-size:.8rem;font-weight:700}.status-active{color:#166534;background:#f0fdf4}.status-inactive{color:#475569}.status-suspended{color:#991b1b;background:#fef2f2}.starter-shell .role-remove{min-height:0;padding:0;background:transparent;color:inherit;line-height:1}.admin-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-top:1rem}.admin-controls label{display:grid;gap:.35rem;min-width:12rem;font-size:.85rem;font-weight:700}.admin-controls select{min-height:2.75rem;border:1px solid #cbd5e1;border-radius:.65rem;padding:.6rem .75rem;background:#fff;color:inherit}.starter-shell .danger-button{margin-top:1rem;background:#7f1d1d}@media(max-width:640px){.starter-shell,.auth-shell{padding:1rem}.admin-header,.admin-card-heading{flex-direction:column}.admin-controls{align-items:stretch}.admin-controls label,.admin-controls button{width:100%}}.app-shell{min-height:100vh;display:grid;grid-template-columns:16rem minmax(0,1fr);background:#f8fafc}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:1.5rem;border-right:1px solid #e2e8f0;background:#fff}.app-brand{display:block;margin-top:.35rem;font-size:1.2rem}.app-subtitle{display:block;margin-top:.35rem;color:#64748b;line-height:1.4}.app-nav{display:grid;gap:1rem}.app-nav-section{display:grid;gap:.4rem}.app-nav-section-label{padding:0 .8rem;color:#94a3b8;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-nav a{padding:.7rem .8rem;border-radius:.65rem;color:#475569;font-weight:700;text-decoration:none}.app-nav a[aria-current=page]{color:#0f172a;background:#f1f5f9}.app-user-panel{display:grid;gap:.35rem;margin-top:auto}.app-user-panel small{color:#64748b}.app-user-panel button,.app-content button{min-height:2.5rem;border:0;border-radius:.65rem;padding:.65rem .9rem;background:#0f172a;color:#fff;font:inherit;font-weight:700;cursor:pointer}.app-user-panel button{margin-top:.5rem}.app-user-panel button:disabled,.app-content button:disabled{opacity:.6;cursor:wait}.app-content{min-width:0;padding:2rem}.dashboard-panel,.admin-page{width:100%;max-width:76rem;margin:0 auto}.dashboard-panel{padding:2rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 18px 50px #0f172a0f}.admin-page .role-remove{min-height:0;padding:0;background:transparent;color:inherit;line-height:1}.admin-page .danger-button{margin-top:1rem;background:#7f1d1d}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;gap:1rem;border-right:0;border-bottom:1px solid #e2e8f0}.app-nav{display:flex;flex-wrap:wrap}.app-nav-section{min-width:10rem}.app-user-panel{margin-top:0}.app-content{padding:1rem}}