body{--sidebar-top: calc(var(--banner-offset) + var(--topbar-height))}body.is-impersonating{--banner-offset: var(--impersonation-banner-height)}body.has-billing-alert{--banner-offset: var(--billing-banner-height)}body.is-impersonating.has-billing-alert{--banner-offset: calc(var(--impersonation-banner-height) + var(--billing-banner-height))}body.is-impersonating,body.has-billing-alert{padding-top:var(--banner-offset)}body.is-impersonating .billing-alert-banner{top:var(--impersonation-banner-height)}.billing-alert-banner{position:fixed;top:0;left:0;right:0;z-index:1999;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem 1rem;height:var(--billing-banner-height);padding:0 1rem;color:var(--color-surface);font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #00000026;font-family:Inter,Poppins,system-ui,sans-serif;overflow:hidden}body.has-billing-alert:not(.is-frozen-billing) .billing-alert-banner{background:var(--color-warning-ink-strong)}body.is-frozen-billing .billing-alert-banner{background:var(--color-danger-ink)}.billing-alert-banner .billing-alert-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto;text-align:center}.billing-alert-banner a.billing-alert-cta{flex-shrink:0;background:var(--color-surface);color:var(--color-warning-deep);border-radius:6px;padding:.35rem .85rem;font-weight:700;font-size:.8125rem;text-decoration:none}body.is-frozen-billing .billing-alert-banner a.billing-alert-cta{color:var(--color-danger-ink-bright)}@media(max-width:600px){.billing-alert-banner{font-size:.75rem;padding:0 .5rem;gap:.4rem}.billing-alert-banner a.billing-alert-cta{padding:.15rem .45rem;font-size:.75rem}}html{height:auto;min-height:100%}body.with-sidebar{display:flex;flex-direction:column;height:auto;min-height:100vh;background:var(--color-surface);margin:0;padding-left:0;padding-right:0;padding-bottom:0}body.with-sidebar>.topbar-modern{flex-shrink:0;z-index:980}body.with-sidebar>.app-wrapper{display:flex;min-height:calc(100vh - var(--sidebar-top))}body.with-sidebar>.site-footer{display:none!important}.topbar-modern{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;position:sticky;top:var(--banner-offset);z-index:990;box-shadow:0 2px 8px #0000000f;transition:box-shadow var(--transition-speed) ease}.topbar-modern:hover{box-shadow:0 4px 12px #00000014}.topbar-brand{font-size:1.625rem;font-weight:800;display:flex;align-items:center;gap:.25rem;letter-spacing:-.5px}.topbar-brand .brand-valentina{color:var(--sidebar-section-header-color);font-weight:800}.topbar-brand .brand-ai{color:var(--sidebar-active-color);font-weight:800}.topbar-brand a{text-decoration:none;display:flex;align-items:center;transition:opacity var(--transition-speed) ease}.topbar-brand a:hover{opacity:.8}.topbar-actions{display:flex;align-items:center;gap:1.5rem}.topbar-user{font-size:.8125rem;color:var(--sidebar-text-light);cursor:pointer;padding:.625rem 1.25rem;border-radius:8px;transition:all var(--transition-speed) ease;font-weight:500;background:transparent;border:none}.topbar-user:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);font-weight:600}.app-wrapper{display:flex;flex:1;overflow:hidden}.app-sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;overflow-x:hidden;padding:2rem 0;position:fixed;top:var(--sidebar-top);bottom:0;left:0;box-shadow:2px 0 6px #0000000a;transition:all var(--transition-speed) ease;scrollbar-width:none;-ms-overflow-style:none}.app-sidebar::-webkit-scrollbar{width:0;height:0;display:none}body.with-sidebar .app-content::-webkit-scrollbar-thumb{background:var(--color-sidebar-muted);border-radius:4px;transition:background var(--transition-speed) ease}body.with-sidebar .app-content::-webkit-scrollbar-thumb:hover{background:var(--color-sidebar-faint)}.sidebar-section{margin-bottom:2rem;padding:0}.sidebar-section:first-child{padding-top:0}.sidebar-section:last-child{margin-bottom:1rem}.sidebar-section-header{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--sidebar-section-header-color);padding:.75rem 1.75rem 1rem;margin-bottom:.5rem;opacity:.65;display:flex;align-items:center;gap:.5rem;transition:opacity var(--transition-speed) ease}.sidebar-section-header i{font-size:.875rem;opacity:.6}.sidebar-section:hover .sidebar-section-header{opacity:.85}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin:0;padding:0}.sidebar-nav-link{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.75rem;color:var(--sidebar-text);text-decoration:none;font-size:.9375rem;font-weight:500;transition:all var(--transition-speed) ease;border-left:3px solid transparent;margin:0;position:relative}.sidebar-nav-link:before{content:"";position:absolute;inset:0;background:transparent;transition:background var(--transition-speed) ease;pointer-events:none}.sidebar-nav-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-color);border-left-color:var(--sidebar-active-color);padding-left:calc(1.75rem + 2px)}.sidebar-nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);border-left-color:var(--sidebar-active-color);font-weight:700;padding-left:calc(1.75rem + 2px)}.sidebar-nav-link i{font-size:1.0625rem;min-width:22px;text-align:center;opacity:.8;transition:opacity var(--transition-speed) ease}.sidebar-nav-link:hover i,.sidebar-nav-link.active i{opacity:1}body.with-sidebar .app-content{flex:1;margin-left:var(--sidebar-width);overflow-x:hidden;background:var(--color-surface)}body:not(.with-sidebar) .app-content{flex:1;margin-left:0;overflow-x:hidden;background:var(--color-surface)}body.with-sidebar .app-content::-webkit-scrollbar{width:8px}.app-content::-webkit-scrollbar-track{background:transparent}.app-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.app-content::-webkit-scrollbar-thumb:hover{background:var(--color-sidebar-muted)}.app-content-container{padding:2.5rem 1.25rem;max-width:none;margin:0;width:100%}@media(max-width:1024px){.app-content-container{padding:2rem 1rem}}@media(max-width:768px){.site-footer{margin-left:0}.topbar-modern{padding:0 1.5rem}.topbar-brand{font-size:1.375rem}.topbar-user{font-size:.75rem;padding:.5rem 1rem}.app-sidebar{transform:translate(-100%);transition:transform var(--transition-speed) ease;z-index:1000;width:260px;box-shadow:4px 0 12px #0000001f}.app-sidebar.show{transform:translate(0)}.app-content{margin-left:0;width:100%}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sidebar-hover-bg);border:none;border-radius:8px;font-size:1.25rem;color:var(--sidebar-text);cursor:pointer;padding:0;transition:all var(--transition-speed) ease}.sidebar-toggle-btn:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);transform:scale(1.05)}.app-content-container{padding:1.5rem}}@media(max-width:576px){.topbar-modern{padding:0 1rem;height:var(--topbar-height)}.site-footer{margin-left:0;padding:2rem 1rem}.topbar-brand{font-size:1.25rem}.topbar-actions{gap:1rem}.topbar-user{display:none}.app-sidebar{width:100%;max-width:100vw;box-shadow:4px 0 16px #00000026}.sidebar-nav-link{padding:.875rem 1.5rem}.sidebar-section-header{padding:.75rem 1.5rem 1rem}.app-content-container{padding:1rem}}*{transition:background-color .2s ease,color .2s ease}.site-footer{background:var(--color-surface);border-top:1px solid var(--sidebar-border);padding:3rem 2.5rem;margin-left:var(--sidebar-width);box-shadow:0 -2px 8px #0000000a;position:relative;z-index:10}.site-footer .container{max-width:none;margin:0}.site-footer .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.site-footer .footer-brand{font-size:1.375rem;font-weight:800;color:var(--sidebar-section-header-color);margin-bottom:.5rem}.site-footer .footer-powered-by{margin-top:1rem;display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.site-footer .footer-powered-by-label{font-size:.85rem;color:var(--color-text-faint)}.site-footer .footer-powered-by-logo{max-height:42px;height:auto;width:auto;vertical-align:middle}.site-footer .footer-heading{font-size:.9375rem;font-weight:700;color:var(--sidebar-section-header-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.site-footer .footer-link{display:block;font-size:.9375rem;color:var(--sidebar-text-light);text-decoration:none;margin-bottom:.75rem;transition:all var(--transition-speed) ease}.site-footer .footer-link:hover{color:var(--sidebar-active-color);padding-left:.25rem}.site-footer .footer-bottom{border-top:1px solid var(--sidebar-border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--sidebar-text-light)}@media print{.topbar-modern,.app-sidebar,.sidebar-toggle-btn,.site-footer{display:none}.app-wrapper{display:flex;flex-direction:column}.app-content{margin-left:0;height:auto}.app-content-container{padding:0}}@media(prefers-contrast:more){.topbar-modern{border-bottom-width:2px}.app-sidebar{border-right-width:2px}.sidebar-nav-link.active{border-left-width:4px}}@media(prefers-reduced-motion:reduce){.topbar-modern,.topbar-user,.sidebar-nav-link,.sidebar-section-header,.app-sidebar,.sidebar-toggle-btn{transition:none!important}}