:root{--sidebar-width:270px;--page-height:280px;--color-pink:#F7D1E7;--color-pink-hover:#EBA8CE;--color-blue:#B9DCEB;--color-blue-hover:#88BCD3;--color-green:#BDF4BD;--color-green-hover:#92E792;--color-yellow:#FFF165;--color-yellow-hover:#F4E340;--color-accent:#F7D1E7;--color-accent-hover:#EBA8CE;--color-accent-text:#000;--color-text:#000;--color-page:#f0f8ff;--color-background:#fff;--color-background-hover:#d3d3d3;--color-border:#d3d3d3;--color-border-selected:#555;--border-radius-card:10px;--size-sm:1rem;--size-md:1.5rem;--size-lg:2rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--header-1:1.5rem;--header-2:1.2rem;--header-3:1rem}*,::after,::before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#202124}.btn-pink{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.btn-pink:active,.btn-pink:focus,.btn-pink:hover{background-color:var(--color-accent-hover)!important;border-color:var(--color-accent-hover)!important}#app-navbar{padding:0 var(--space-4);border-bottom:1px solid var(--color-border);background-color:var(--color-background)}