:root{font-family:Inter,system-ui,sans-serif;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}body,html,#root{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:.9rem 1rem;background:#0f766e;color:#fff;cursor:pointer}button.secondary{background:#fff;color:#111827;border:1px solid #d1d5db}button:disabled{opacity:.6;cursor:not-allowed}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#0f766e,#1d4ed8)}.login-card{width:min(100%,430px);background:#fffffff5;border-radius:24px;padding:1.5rem;box-shadow:0 25px 60px #0000002e;display:grid;gap:1rem}.login-title{font-size:1.8rem;font-weight:800}.login-subtitle,.muted{color:#6b7280}.field{display:grid;gap:.35rem}.field input,.field select{border:1px solid #d1d5db;border-radius:12px;padding:.9rem 1rem;background:#fff}.validated-box,.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:1rem}.error{border-radius:12px;padding:.85rem 1rem;background:#fee2e2;color:#991b1b}.shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.sidebar{background:#0b1220;color:#fff;padding:1rem;display:grid;gap:1rem;transition:transform .2s ease,opacity .2s ease}.brand{padding:1rem;border-radius:18px;background:#ffffff0f}.brand-title{font-size:1.4rem;font-weight:800}.brand-subtitle{color:#cbd5e1;margin-top:.35rem}.menu-tree details{background:#ffffff0a;border-radius:14px;padding:.5rem .75rem;margin-bottom:.75rem}.menu-tree summary{cursor:pointer;font-weight:700;padding:.35rem 0}.menu-category-title{margin-top:.8rem;margin-bottom:.4rem;color:#93c5fd;font-size:.92rem;font-weight:700}.menu-link{display:block;padding:.6rem .75rem;border-radius:10px;color:#e5e7eb}.menu-link.active,.menu-link:hover{background:#ffffff1a}.content{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border-bottom:1px solid #e5e7eb;gap:1rem}.topbar-main{display:flex;align-items:center;gap:1rem}.mobile-menu-button{display:none}.page-container{padding:1.25rem}.grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(90vw,320px);z-index:20;transform:translate(-100%);opacity:0;overflow-y:auto}.sidebar.open{transform:translate(0);opacity:1}.grid-cards{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbar-main{width:100%;align-items:flex-start;flex-direction:column}.mobile-menu-button{display:inline-flex}}