:root{--primary-900:#0f4f4f;--primary-800:#166;--primary-700:#148f8f;--primary-600:#1fa3a3;--primary-500:#3dbaba;--primary-200:#bfeaea;--primary-50:#e8f7f7;--gray-900:#0f172a;--gray-800:#1e293b;--gray-700:#334155;--gray-600:#64748b;--gray-500:#94a3b8;--gray-200:#e2e8f0;--gray-100:#f1f5f9;--gray-50:#f8fafc;--white:#fff;--success:#166534;--success-light:#dcfce7;--warning:#b45309;--warning-light:#fef3c7;--danger:#991b1b;--danger-light:#fee2e2;--font-sans:"Segoe UI","Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:"SFMono-Regular","SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--topbar-height:88px;--sidebar-width:250px;--page-padding-x:24px;--page-padding-bottom:40px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--gray-100);color:var(--gray-900);overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{height:100dvh;overflow:hidden}.topbar{height:var(--topbar-height);background:linear-gradient(135deg,var(--primary-900),var(--primary-700));z-index:1000;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #0f4f4f2e}.topbar__content{width:100%;height:100%;padding:8px max(24px,env(safe-area-inset-right))8px max(16px,env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex}.brand{flex:1;justify-content:flex-start;align-items:center;gap:0;min-width:0;display:flex;overflow:hidden}.menu-toggle{width:42px;height:42px;color:var(--white);cursor:pointer;background:#ffffff1f;border:none;border-radius:12px;font-size:1.2rem;display:none}.brand__badge{width:auto;height:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;flex-shrink:0;justify-content:space-between;align-items:center;margin-left:0;margin-right:0;padding:0;display:flex;overflow:visible;transform:translate(0)}.brand__logoImage{width:auto;max-width:280px;height:auto;max-height:112px}.brand__text{min-width:0}.topbar__municipio{flex-shrink:0;align-items:center;gap:10px;margin-left:16px;display:inline-flex}.topbar__municipioName{color:var(--white);text-align:right;max-width:160px;font-size:.88rem;font-weight:700;line-height:1.2}.topbar__municipioLogo{object-fit:contain;flex-shrink:0;width:62px;height:62px}.brand__text h1{color:var(--white);word-break:break-word;font-size:1.5rem;font-weight:700;line-height:1.1}.brand__text span{color:#ffffffd1;margin-top:4px;font-size:.9rem;line-height:1.3;display:block}.app-body{height:calc(100dvh - var(--topbar-height));margin-top:var(--topbar-height);display:flex;overflow:hidden}.sidebar-wrapper{top:var(--topbar-height);width:var(--sidebar-width);height:calc(100dvh - var(--topbar-height));z-index:900;position:fixed;left:0}.sidebar{border-right:1px solid var(--gray-200);background:#f4f8f8;flex-direction:column;gap:18px;width:100%;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.sidebar__nav{flex-direction:column;gap:8px;display:flex}.sidebar__footer{border-top:1px solid #94a3b838;gap:12px;margin-top:auto;padding-top:16px;display:grid}.sidebar__userCard{background:var(--white);border:1px solid var(--gray-200);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.sidebar__userIcon{background:var(--primary-50);width:38px;height:38px;color:var(--primary-800);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__userInfo{gap:2px;min-width:0;display:grid}.sidebar__userInfo strong{color:var(--gray-900);font-size:.92rem;line-height:1.2}.sidebar__userInfo span{color:var(--gray-600);overflow-wrap:anywhere;font-size:.8rem;line-height:1.3}.sidebar__link{min-height:46px;color:var(--gray-700);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:.96rem;font-weight:500;transition:all .2s;display:flex}.sidebar__link svg,.sidebar__logout svg{flex-shrink:0}.sidebar__link span,.sidebar__logout span{line-height:1.2}.sidebar__link:hover{background:var(--white);color:var(--primary-900)}.sidebar__link--active{background:linear-gradient(135deg,var(--primary-800),var(--primary-700));color:var(--white);box-shadow:0 10px 20px #148f8f29}.sidebar__logout{width:100%;min-height:46px;color:var(--danger);cursor:pointer;background:#fff4f4;border:1px solid #991b1b1f;border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:.96rem;font-weight:600;transition:all .2s;display:inline-flex}.sidebar__logout:hover{background:#ffeaea;border-color:#991b1b2e}.sidebar-backdrop{display:none}.page-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:calc(100dvh - var(--topbar-height));padding:32px var(--page-padding-x)var(--page-padding-bottom);-webkit-overflow-scrolling:touch;overflow:hidden auto}.page-container{width:100%;min-width:0;max-width:1200px;margin:0 auto}@media (max-width:1280px){:root{--sidebar-width:228px;--page-padding-x:20px;--page-padding-bottom:32px}.brand__logoImage{max-width:250px;max-height:100px}.brand__text h1{font-size:1.35rem}.brand__text span{font-size:.82rem}}@media (max-width:1024px){.page-content{padding:24px var(--page-padding-x)var(--page-padding-bottom)}.brand__text h1{font-size:1.3rem}.brand__text span{font-size:.82rem}}@media (max-width:820px){.menu-toggle{justify-content:center;align-items:center;display:inline-flex}.sidebar-wrapper{box-shadow:none;transition:transform .25s;transform:translate(-100%)}.sidebar-wrapper--open{transform:translate(0);box-shadow:12px 0 30px #0f172a29}.sidebar-backdrop{top:var(--topbar-height);z-index:850;background:#0f172a47;border:none;display:block;position:fixed;bottom:0;left:0;right:0}.page-content{width:100%;padding:calc(24px + env(safe-area-inset-top))var(--page-padding-x)28px;margin-left:0}.topbar__municipioName{max-width:96px;font-size:.74rem}.topbar__municipioLogo{width:42px;height:42px}}@media (max-width:560px){:root{--topbar-height:92px;--sidebar-width:270px;--page-padding-x:16px;--page-padding-bottom:24px}.brand__badge{max-width:122px;transform:translate(0)}.brand__logoImage{max-width:150px;max-height:60px}.topbar__municipio{gap:0;margin-left:8px}.topbar__municipioName{display:none}.topbar__municipioLogo{width:38px;height:38px}.brand__text h1{font-size:.94rem;line-height:1.05}.brand__text span{display:none}.topbar__content{min-height:100%;padding:0 max(var(--page-padding-x),env(safe-area-inset-right))0 max(10px,env(safe-area-inset-left))}.page-content{padding-top:calc(20px + env(safe-area-inset-top))}}