:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f7;font-family:Segoe UI,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button,input{font:inherit}.auth-layout{background:radial-gradient(circle at 0 0,#2563eb2e,#0000 35%),radial-gradient(circle at 100% 100%,#0f766e29,#0000 30%),#eef2f7;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{background:#fff;border:1px solid #dbe3ee;border-radius:18px;width:min(100%,420px);padding:2rem;box-shadow:0 24px 60px #0f172a14}.auth-eyebrow,.dashboard-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.auth-header h1,.dashboard-header h1{margin:0;font-size:1.875rem}.auth-subtitle{color:#64748b;margin:.75rem 0 0}.auth-form{gap:1rem;margin-top:1.75rem;display:grid}.auth-field{color:#334155;gap:.45rem;font-size:.95rem;display:grid}.auth-field input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.75rem .9rem;transition:border-color .2s,box-shadow .2s}.auth-field select{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.75rem .9rem}.auth-field input:focus,.auth-field select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb26}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.75rem .9rem;font-size:.9rem}.auth-submit,.logout-button,.topnav__logout,.topnav__menu-button{cursor:pointer;border:none;border-radius:10px;transition:background-color .2s,opacity .2s}.auth-submit{color:#fff;background:#2563eb;margin-top:.5rem;padding:.85rem 1rem;font-weight:600}.auth-submit:hover:not(:disabled){background:#1d4ed8}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.app-layout{background:#eef2f7;min-height:100vh;display:flex}.app-layout__backdrop{z-index:20;cursor:pointer;background:#0f172a73;border:none;position:fixed;inset:0}.app-layout__main{flex-direction:column;flex:1;min-width:0;display:flex}.app-layout__content{flex:1;padding:1.5rem}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;flex-shrink:0;gap:1.5rem;width:260px;padding:1.25rem;display:flex}.sidebar__brand{align-items:center;gap:.875rem;padding:.5rem .75rem;display:flex}.sidebar__logo{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.sidebar__title{color:#fff;margin:0;font-size:.95rem;font-weight:700}.sidebar__subtitle{color:#94a3b8;margin:.15rem 0 0;font-size:.75rem}.sidebar__nav{gap:.35rem;display:grid}.sidebar__link{color:#cbd5e1;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem .9rem;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff0f}.sidebar__link--active{color:#fff;background:#2563eb2e}.sidebar__icon{place-items:center;width:20px;height:20px;display:grid}.sidebar__icon svg{fill:currentColor;width:18px;height:18px}.topnav{background:#fff;border-bottom:1px solid #dbe3ee;justify-content:space-between;align-items:center;gap:1rem;min-height:72px;padding:.875rem 1.5rem;display:flex}.topnav__left,.topnav__right{align-items:center;gap:1rem;display:flex}.topnav__menu-button{background:#f8fafc;border:1px solid #dbe3ee;width:42px;height:42px;padding:.65rem;display:none}.topnav__menu-button span{background:#0f172a;border-radius:999px;height:2px;margin:3px 0;display:block}.topnav__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 .15rem;font-size:.72rem;font-weight:700}.topnav__title{margin:0;font-size:1.25rem}.topnav__user{align-items:center;gap:.75rem;display:flex}.topnav__avatar{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.topnav__user-meta{gap:.1rem;display:grid}.topnav__user-name{color:#0f172a;font-size:.92rem;font-weight:700}.topnav__user-role{color:#64748b;font-size:.78rem}.topnav__logout{color:#0f172a;background:#fff;border:1px solid #cbd5e1;padding:.7rem 1rem;font-weight:600}.topnav__logout:hover{background:#f8fafc}.page-stack{gap:1rem;display:grid}.page-hero h2{margin:0 0 .35rem;font-size:1.5rem}.page-hero p,.page-placeholder{color:#64748b;margin:0}.dashboard-card{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:1.5rem;box-shadow:0 12px 30px #0f172a0f}.dashboard-card h3{margin:0 0 1rem;font-size:1.125rem}.dashboard-details{gap:1rem;margin:0;display:grid}.dashboard-details div{gap:.25rem;display:grid}.dashboard-details dt{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.8rem;font-weight:700}.dashboard-details dd{color:#0f172a;margin:0}.form-grid{gap:1rem;max-width:720px;display:grid}.form-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.form-grid__full{grid-column:1/-1}.section-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-header h3{margin:0}.count-badge{color:#1d4ed8;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;padding:.25rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.primary-button,.danger-button{cursor:pointer;border:none;border-radius:10px;padding:.7rem 1rem;font-weight:600}.primary-button{color:#fff;background:#2563eb;justify-self:start}.primary-button:hover:not(:disabled){background:#1d4ed8}.primary-button:disabled{opacity:.7;cursor:not-allowed}.danger-button{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.danger-button:hover{background:#fee2e2}.secondary-button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.7rem 1rem;font-weight:600}.secondary-button:hover{background:#f8fafc}.table-cell-stack{gap:.2rem;display:grid}.table-cell-stack strong{color:#0f172a}.table-cell-stack span{color:#64748b;font-size:.85rem}.table-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.status-badge{border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge--active{color:#166534;background:#dcfce7}.status-badge--inactive{color:#64748b;background:#f1f5f9}.checkbox-field{color:#334155;align-items:center;gap:.6rem;font-weight:600;display:flex}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.85rem .75rem}.data-table th{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:.78rem;font-weight:700}.data-table td:last-child,.data-table th:last-child{text-align:right}@media (width<=900px){.form-grid--wide{grid-template-columns:1fr}.sidebar{z-index:30;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 20px 50px #0f172a40}.sidebar--open{transform:translate(0)}.topnav__menu-button{display:inline-grid}.topnav__user-meta{display:none}}