*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#eef5ef;--surface-0:#ffffffe6;--surface-1:#fff;--surface-2:#f7faf7;--surface-3:#edf3ee;--surface-border:#d8e3da;--surface-border-strong:#c8d7cb;--text-strong:#173426;--text-default:#365042;--text-muted:#6f8176;--brand-700:#1a5632;--brand-600:#217446;--brand-500:#2fbf63;--brand-100:#e5f4e8;--brand-50:#f3faf4;--danger-100:#fee2e2;--danger-700:#b91c1c;--warning-100:#fef3c7;--warning-700:#b45309;--info-100:#e0f2fe;--info-700:#0369a1;--shadow-sm:0 8px 24px #1118270f;--shadow-md:0 20px 48px #11182714;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--page-max-width:1280px;--page-padding-x:clamp(1rem, 1.4vw, 1.5rem);--page-padding-y:clamp(1rem, 1.6vw, 1.5rem);--topbar-height:64px;--sidebar-width:264px}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}html{background:linear-gradient(180deg, #f2f7f2 0%, var(--app-bg) 100%)}body{color:var(--text-default);background:0 0;line-height:1.5}button,input,textarea,select{font:inherit}a{color:inherit}#root{text-align:left;border:none;max-width:none;margin:0;display:block}.page-shell{width:min(100%, var(--page-max-width));margin:0 auto}.content-card{background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (width<=768px){:root{--topbar-height:60px;--sidebar-width:min(86vw, 320px);--page-padding-x:1rem;--page-padding-y:1rem}}.topbar{height:var(--topbar-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--surface-border);z-index:200;background:#ffffffd1;justify-content:space-between;align-items:center;padding:0 clamp(1rem,2vw,1.5rem);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 10px 30px #1118270f}.topbar-left{align-items:center;gap:.75rem;display:flex}.topbar-title{letter-spacing:.01em;color:var(--brand-700);font-size:1.15rem;font-weight:700}.topbar-right{align-items:center;gap:.5rem;display:flex}.user-name{color:var(--text-default);white-space:nowrap;font-size:.875rem;text-decoration:none;transition:color .15s}.user-name:hover{color:var(--brand-700)}@media (width<=768px){.topbar{padding-inline:.875rem}.topbar-title{font-size:1.05rem}.user-name{display:none}}.sidebar{top:var(--topbar-height);width:var(--sidebar-width);height:calc(100vh - var(--topbar-height));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--surface-border);z-index:190;background:#ffffffeb;flex-direction:column;transition:transform .3s;display:flex;position:fixed;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:18px 0 40px #11182714}.sidebar.open{transform:translate(0)}.sidebar-nav{flex-direction:column;flex:1;padding:.75rem;display:flex}.sidebar-bottom{padding:.75rem}.sidebar-divider{background:var(--surface-border);height:1px;margin:.25rem 0 .5rem}.perfil-mini-avatar{background:linear-gradient(135deg, var(--brand-700), var(--brand-500));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:flex}.nav-item{color:var(--text-default);border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.nav-item:hover{background:var(--brand-50);color:var(--brand-700);transform:translate(2px)}.nav-item.active{background:linear-gradient(180deg, var(--brand-50), var(--brand-100));color:var(--brand-700);border:1px solid #2fbf632e;font-weight:600}.sidebar-overlay{inset:0;top:var(--topbar-height);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:180;background:#11182747;position:fixed}@media (width>=992px){.sidebar{box-shadow:none;transform:translate(0)}.sidebar-overlay{display:none}}.app-layout{background:0 0;min-height:100vh}.app-content{min-height:100vh;padding-top:var(--topbar-height);transition:padding-left .3s}@media (width>=992px){.app-content{padding-left:var(--sidebar-width)}}